@lukso/web-components 1.17.0 → 1.18.0

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

@@ -1,17 +1,17 @@
-import { y, T as TailwindStyledElement } from '../../index-7a686142.js';
+import { x, T as TailwindStyledElement } from '../../index-72e2de9b.js';
 import { e, a as e$1 } from '../../directive-9ec64c08.js';
-import { i } from '../../style-map-9d612f4e.js';
+import { o } from '../../style-map-6dc1088b.js';
 
 const style = ":host {\n    display: inline-flex\n}";
 
 const addPhoto = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -47,13 +47,13 @@ const addPhoto = (options) => {
 };
 
 const arrowDownLg = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -69,13 +69,13 @@ const arrowDownLg = (options) => {
 };
 
 const arrowDownSm = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -91,13 +91,13 @@ const arrowDownSm = (options) => {
 };
 
 const arrowLeftLg = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -113,13 +113,13 @@ const arrowLeftLg = (options) => {
 };
 
 const arrowLeftSm = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -135,13 +135,13 @@ const arrowLeftSm = (options) => {
 };
 
 const arrowRightLg = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -157,13 +157,13 @@ const arrowRightLg = (options) => {
 };
 
 const arrowRightSm = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -179,13 +179,13 @@ const arrowRightSm = (options) => {
 };
 
 const arrowUpLg = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -201,13 +201,13 @@ const arrowUpLg = (options) => {
 };
 
 const arrowUpSm = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -223,13 +223,13 @@ const arrowUpSm = (options) => {
 };
 
 const barbellOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -273,13 +273,13 @@ const barbellOutline = (options) => {
 };
 
 const bulbOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -323,13 +323,13 @@ const bulbOutline = (options) => {
 };
 
 const camera = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -359,13 +359,13 @@ const camera = (options) => {
 };
 
 const clipboard = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -414,13 +414,13 @@ const clipboard = (options) => {
 };
 
 const clock = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -441,13 +441,13 @@ const clock = (options) => {
 };
 
 const closeLg = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -470,13 +470,13 @@ const closeLg = (options) => {
 };
 
 const closeSm = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -499,13 +499,13 @@ const closeSm = (options) => {
 };
 
 const cloud = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -520,13 +520,13 @@ const cloud = (options) => {
 };
 
 const compassOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -545,13 +545,13 @@ const compassOutline = (options) => {
 };
 
 const completeFilled = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -573,13 +573,13 @@ const completeFilled = (options) => {
 };
 
 const completeOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -600,13 +600,13 @@ const completeOutline = (options) => {
 };
 
 const contractLock = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -639,13 +639,13 @@ const contractLock = (options) => {
 };
 
 const contractSigned = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -701,13 +701,13 @@ const contractSigned = (options) => {
 };
 
 const connect = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -730,13 +730,13 @@ const connect = (options) => {
 };
 
 const connections = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -760,13 +760,13 @@ const connections = (options) => {
 };
 
 const controller = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -811,13 +811,13 @@ const controller = (options) => {
 };
 
 const copy = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -838,13 +838,13 @@ const copy = (options) => {
 };
 
 const crossOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -872,13 +872,13 @@ const crossOutline = (options) => {
 };
 
 const dots = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -890,13 +890,13 @@ const dots = (options) => {
 };
 
 const edit = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -916,13 +916,13 @@ const edit = (options) => {
 };
 
 const error = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -943,13 +943,13 @@ const error = (options) => {
 };
 
 const expand = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -970,13 +970,13 @@ const expand = (options) => {
 };
 
 const extension = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -997,13 +997,13 @@ const extension = (options) => {
 };
 
 const eyeHide = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1040,13 +1040,13 @@ const eyeHide = (options) => {
 };
 
 const eyeShow = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1073,13 +1073,13 @@ const eyeShow = (options) => {
 };
 
 const filter = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1112,13 +1112,13 @@ const filter = (options) => {
 };
 
 const fishOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1144,13 +1144,13 @@ const fishOutline = (options) => {
 };
 
 const flip = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1185,13 +1185,13 @@ const flip = (options) => {
 };
 
 const globe = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1242,13 +1242,13 @@ const globe = (options) => {
 };
 
 const hamburger = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1278,13 +1278,13 @@ const hamburger = (options) => {
 };
 
 const infinite = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1307,13 +1307,13 @@ const infinite = (options) => {
 };
 
 const information = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1341,13 +1341,13 @@ const information = (options) => {
 };
 
 const keyOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1362,13 +1362,13 @@ const keyOutline = (options) => {
 };
 
 const link = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1391,13 +1391,13 @@ const link = (options) => {
 };
 
 const link1 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1426,13 +1426,13 @@ const link1 = (options) => {
 };
 
 const link2 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1468,13 +1468,13 @@ const link2 = (options) => {
 };
 
 const link3 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1496,13 +1496,13 @@ const link3 = (options) => {
 };
 
 const link4 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1544,13 +1544,13 @@ const link4 = (options) => {
 };
 
 const loading = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1590,13 +1590,13 @@ const loading = (options) => {
 };
 
 const location = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1619,13 +1619,13 @@ const location = (options) => {
 };
 
 const locked = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1659,13 +1659,13 @@ const locked = (options) => {
 };
 
 const login = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1694,13 +1694,13 @@ const login = (options) => {
 };
 
 const login2 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1745,13 +1745,13 @@ const login2 = (options) => {
 };
 
 const login3 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1794,13 +1794,13 @@ const login3 = (options) => {
 };
 
 const logoChrome = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1825,13 +1825,13 @@ const logoChrome = (options) => {
 };
 
 const logoBrave = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1861,13 +1861,13 @@ const logoBrave = (options) => {
 };
 
 const logoEdge = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1888,13 +1888,13 @@ const logoEdge = (options) => {
 };
 
 const logoFirefox = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1907,13 +1907,13 @@ const logoFirefox = (options) => {
 };
 
 const logoOpera = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1926,13 +1926,13 @@ const logoOpera = (options) => {
 };
 
 const logoSafari = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1970,13 +1970,13 @@ const logoSafari = (options) => {
 };
 
 const mail = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -1999,13 +1999,13 @@ const mail = (options) => {
 };
 
 const menu1 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2066,13 +2066,13 @@ const menu1 = (options) => {
 };
 
 const menu2 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2123,13 +2123,13 @@ const menu2 = (options) => {
 };
 
 const migrate = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2166,13 +2166,13 @@ const migrate = (options) => {
 };
 
 const minimize = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2215,13 +2215,13 @@ const minimize = (options) => {
 };
 
 const network = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2260,13 +2260,13 @@ const network = (options) => {
 };
 
 const notifications = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2289,13 +2289,13 @@ const notifications = (options) => {
 };
 
 const phonePortraitOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2318,13 +2318,13 @@ const phonePortraitOutline = (options) => {
 };
 
 const pin = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2339,13 +2339,13 @@ const pin = (options) => {
 };
 
 const playFilled = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2358,13 +2358,13 @@ const playFilled = (options) => {
 };
 
 const playOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2378,13 +2378,13 @@ const playOutline = (options) => {
 };
 
 const plus = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2407,13 +2407,13 @@ const plus = (options) => {
 };
 
 const profileAdd = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2446,13 +2446,13 @@ const profileAdd = (options) => {
 };
 
 const profileExport = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2484,13 +2484,13 @@ const profileExport = (options) => {
 };
 
 const profileImport = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2522,13 +2522,13 @@ const profileImport = (options) => {
 };
 
 const profileRecovery = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2573,13 +2573,13 @@ const profileRecovery = (options) => {
 };
 
 const profileRecovery2 = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2631,13 +2631,13 @@ const profileRecovery2 = (options) => {
 };
 
 const profileRestore = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2677,13 +2677,13 @@ const profileRestore = (options) => {
 };
 
 const profile = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2702,13 +2702,13 @@ const profile = (options) => {
 };
 
 const qrCode = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2820,13 +2820,13 @@ const qrCode = (options) => {
 };
 
 const relayer = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2856,13 +2856,13 @@ const relayer = (options) => {
 };
 
 const reload = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2884,13 +2884,13 @@ const reload = (options) => {
 };
 
 const returnDown = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2913,13 +2913,13 @@ const returnDown = (options) => {
 };
 
 const returnLeft = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2942,13 +2942,13 @@ const returnLeft = (options) => {
 };
 
 const returnRight = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -2971,13 +2971,13 @@ const returnRight = (options) => {
 };
 
 const returnUp = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3000,13 +3000,13 @@ const returnUp = (options) => {
 };
 
 const search = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3024,13 +3024,13 @@ const search = (options) => {
 };
 
 const settings = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3053,13 +3053,13 @@ const settings = (options) => {
 };
 
 const smartContractDoc = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3089,13 +3089,13 @@ const smartContractDoc = (options) => {
 };
 
 const smartContract = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3116,13 +3116,13 @@ const smartContract = (options) => {
 };
 
 const spinner = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3137,13 +3137,13 @@ const spinner = (options) => {
 };
 
 const starFilled = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3156,13 +3156,13 @@ const starFilled = (options) => {
 };
 
 const starOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3176,13 +3176,13 @@ const starOutline = (options) => {
 };
 
 const stepDot = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3206,13 +3206,13 @@ const stepDot = (options) => {
 };
 
 const stepProgress = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3233,13 +3233,13 @@ const stepProgress = (options) => {
 };
 
 const steps = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3269,13 +3269,13 @@ const steps = (options) => {
 };
 
 const tick = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3291,13 +3291,13 @@ const tick = (options) => {
 };
 
 const timerOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3334,13 +3334,13 @@ const timerOutline = (options) => {
 };
 
 const transactionReceive = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3369,13 +3369,13 @@ const transactionReceive = (options) => {
 };
 
 const transactionSend = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3404,13 +3404,13 @@ const transactionSend = (options) => {
 };
 
 const transfer = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3447,13 +3447,13 @@ const transfer = (options) => {
 };
 
 const trash = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3483,13 +3483,13 @@ const trash = (options) => {
 };
 
 const turnDown = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3512,13 +3512,13 @@ const turnDown = (options) => {
 };
 
 const turnLeft = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3541,13 +3541,13 @@ const turnLeft = (options) => {
 };
 
 const turnRight = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3570,13 +3570,13 @@ const turnRight = (options) => {
 };
 
 const turnUp = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3599,13 +3599,13 @@ const turnUp = (options) => {
 };
 
 const unlocked = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3636,13 +3636,13 @@ const unlocked = (options) => {
 };
 
 const walletOutline = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3667,13 +3667,13 @@ const walletOutline = (options) => {
 };
 
 const warningRound = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3695,13 +3695,13 @@ const warningRound = (options) => {
 };
 
 const warningTriangle = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3723,13 +3723,13 @@ const warningTriangle = (options) => {
 };
 
 const googleColor = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3754,13 +3754,13 @@ const googleColor = (options) => {
 };
 
 const ethLogo = (options) => {
-  return y`<svg
+  return x`<svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3800,13 +3800,13 @@ const ethLogo = (options) => {
 };
 
 const lyxLogo = (options) => {
-  return y`<svg
+  return x`<svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -3837,13 +3837,13 @@ const lyxLogo = (options) => {
 };
 
 const progressIndicator = (options) => {
-  return y`<svg
+  return x`<svg
       width="40"
       height="40"
       viewBox="0 0 40 40"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${i({
+      style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4000,7 +4000,7 @@ const progressIndicator = (options) => {
       viewBox="0 0 40 40"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      style=${i({
+      style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4069,8 +4069,8 @@ const progressIndicator = (options) => {
 };
 
 const pulseDot = (options) => {
-  return y`<div
-    style=${i({
+  return x`<div
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4087,13 +4087,13 @@ const pulseDot = (options) => {
 };
 
 const progressComplete = (options) => {
-  return y`<svg
+  return x`<svg
     width="40"
     height="40"
     viewBox="0 0 40 40"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4372,13 +4372,13 @@ const progressComplete = (options) => {
 };
 
 const completeFilledFadeIn = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4402,13 +4402,13 @@ const completeFilledFadeIn = (options) => {
 };
 
 const desktopSharp = (options) => {
-  return y`<svg
+  return x`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
-    style=${i({
+    style=${o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })}
@@ -4594,7 +4594,7 @@ let LuksoIcon = class extends TailwindStyledElement(style) {
     if (!size) {
       console.warn(`Size ${this.size} not found`);
     }
-    return y`
+    return x`
       ${icon({
       width: size.width,
       height: size.height,