@lukso/web-components 1.172.13 → 1.172.17

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../chunks/index-BxQ_0s_1.js');
-const property = require('../../chunks/property-D6IL6zax.js');
-const unsafeHtml = require('../../chunks/unsafe-html-DiwkOQlV.js');
-const safeCustomElement = require('../../chunks/safe-custom-element-tQ-epw6h.js');
-const styleMap = require('../../chunks/style-map-B7XFhSOK.js');
+const lit = require('lit');
+const decorators_js = require('lit/decorators.js');
+const unsafeHtml_js = require('lit/directives/unsafe-html.js');
+const index = require('../../chunks/index-BBPgtFEP.js');
+const styleMap = require('../../chunks/style-map-AEeBQfPb.js');
 
 const style = ":host {\n  position: relative;\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  display: block !important;\n}";
 
 const addPhoto = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -53,7 +53,7 @@ const addPhoto = (options) => {
 };
 
 const arrowDownLg = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -75,7 +75,7 @@ const arrowDownLg = (options) => {
 };
 
 const arrowDownSm = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -97,7 +97,7 @@ const arrowDownSm = (options) => {
 };
 
 const arrowLeftLg = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -119,7 +119,7 @@ const arrowLeftLg = (options) => {
 };
 
 const arrowLeftSm = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -141,7 +141,7 @@ const arrowLeftSm = (options) => {
 };
 
 const arrowRightLg = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -163,7 +163,7 @@ const arrowRightLg = (options) => {
 };
 
 const arrowRightSm = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -185,7 +185,7 @@ const arrowRightSm = (options) => {
 };
 
 const arrowUpLg = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -207,7 +207,7 @@ const arrowUpLg = (options) => {
 };
 
 const arrowUpSm = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -229,7 +229,7 @@ const arrowUpSm = (options) => {
 };
 
 const barbellOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -279,7 +279,7 @@ const barbellOutline = (options) => {
 };
 
 const bulbOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -329,7 +329,7 @@ const bulbOutline = (options) => {
 };
 
 const camera = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -365,7 +365,7 @@ const camera = (options) => {
 };
 
 const clipboard = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -420,7 +420,7 @@ const clipboard = (options) => {
 };
 
 const clock = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -447,7 +447,7 @@ const clock = (options) => {
 };
 
 const closeLg = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -476,7 +476,7 @@ const closeLg = (options) => {
 };
 
 const closeSm = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -505,7 +505,7 @@ const closeSm = (options) => {
 };
 
 const cloud = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -526,7 +526,7 @@ const cloud = (options) => {
 };
 
 const compassOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -551,7 +551,7 @@ const compassOutline = (options) => {
 };
 
 const completeFilled = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -579,7 +579,7 @@ const completeFilled = (options) => {
 };
 
 const completeOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -606,7 +606,7 @@ const completeOutline = (options) => {
 };
 
 const contractLock = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -645,7 +645,7 @@ const contractLock = (options) => {
 };
 
 const contractSigned = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -707,7 +707,7 @@ const contractSigned = (options) => {
 };
 
 const connect = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -736,7 +736,7 @@ const connect = (options) => {
 };
 
 const connections = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -766,7 +766,7 @@ const connections = (options) => {
 };
 
 const controller = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -817,7 +817,7 @@ const controller = (options) => {
 };
 
 const copy = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -844,7 +844,7 @@ const copy = (options) => {
 };
 
 const crossOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -878,7 +878,7 @@ const crossOutline = (options) => {
 };
 
 const dots = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -896,7 +896,7 @@ const dots = (options) => {
 };
 
 const edit = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -922,7 +922,7 @@ const edit = (options) => {
 };
 
 const error = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -949,7 +949,7 @@ const error = (options) => {
 };
 
 const expand = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -998,7 +998,7 @@ const expand = (options) => {
 };
 
 const extension = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1025,7 +1025,7 @@ const extension = (options) => {
 };
 
 const eyeHide = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1068,7 +1068,7 @@ const eyeHide = (options) => {
 };
 
 const eyeShow = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1101,7 +1101,7 @@ const eyeShow = (options) => {
 };
 
 const filter = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1140,7 +1140,7 @@ const filter = (options) => {
 };
 
 const fishOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1172,7 +1172,7 @@ const fishOutline = (options) => {
 };
 
 const flip = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1213,7 +1213,7 @@ const flip = (options) => {
 };
 
 const globe = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1270,7 +1270,7 @@ const globe = (options) => {
 };
 
 const hamburger = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1306,7 +1306,7 @@ const hamburger = (options) => {
 };
 
 const infinite = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1335,7 +1335,7 @@ const infinite = (options) => {
 };
 
 const information = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1369,7 +1369,7 @@ const information = (options) => {
 };
 
 const keyOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1390,7 +1390,7 @@ const keyOutline = (options) => {
 };
 
 const link = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1419,7 +1419,7 @@ const link = (options) => {
 };
 
 const link1 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1454,7 +1454,7 @@ const link1 = (options) => {
 };
 
 const link2 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1496,7 +1496,7 @@ const link2 = (options) => {
 };
 
 const link3 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1524,7 +1524,7 @@ const link3 = (options) => {
 };
 
 const link4 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1572,7 +1572,7 @@ const link4 = (options) => {
 };
 
 const loading = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1618,7 +1618,7 @@ const loading = (options) => {
 };
 
 const location = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1647,7 +1647,7 @@ const location = (options) => {
 };
 
 const locked = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1687,7 +1687,7 @@ const locked = (options) => {
 };
 
 const login = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1722,7 +1722,7 @@ const login = (options) => {
 };
 
 const login2 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1773,7 +1773,7 @@ const login2 = (options) => {
 };
 
 const login3 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1822,7 +1822,7 @@ const login3 = (options) => {
 };
 
 const logoChrome = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1853,7 +1853,7 @@ const logoChrome = (options) => {
 };
 
 const logoBrave = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1889,7 +1889,7 @@ const logoBrave = (options) => {
 };
 
 const logoEdge = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1916,7 +1916,7 @@ const logoEdge = (options) => {
 };
 
 const logoFirefox = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1935,7 +1935,7 @@ const logoFirefox = (options) => {
 };
 
 const logoOpera = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1954,7 +1954,7 @@ const logoOpera = (options) => {
 };
 
 const logoSafari = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -1998,7 +1998,7 @@ const logoSafari = (options) => {
 };
 
 const mail = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2027,7 +2027,7 @@ const mail = (options) => {
 };
 
 const menu1 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2094,7 +2094,7 @@ const menu1 = (options) => {
 };
 
 const menu2 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2151,7 +2151,7 @@ const menu2 = (options) => {
 };
 
 const migrate = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2194,7 +2194,7 @@ const migrate = (options) => {
 };
 
 const minimize = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2243,7 +2243,7 @@ const minimize = (options) => {
 };
 
 const network = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2288,7 +2288,7 @@ const network = (options) => {
 };
 
 const notifications = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2317,7 +2317,7 @@ const notifications = (options) => {
 };
 
 const phonePortraitOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2346,7 +2346,7 @@ const phonePortraitOutline = (options) => {
 };
 
 const pin = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2367,7 +2367,7 @@ const pin = (options) => {
 };
 
 const playFilled = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2386,7 +2386,7 @@ const playFilled = (options) => {
 };
 
 const playOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2406,7 +2406,7 @@ const playOutline = (options) => {
 };
 
 const plus = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2435,7 +2435,7 @@ const plus = (options) => {
 };
 
 const profileAdd = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2474,7 +2474,7 @@ const profileAdd = (options) => {
 };
 
 const profileExport = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2512,7 +2512,7 @@ const profileExport = (options) => {
 };
 
 const profileImport = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2550,7 +2550,7 @@ const profileImport = (options) => {
 };
 
 const profileRecovery = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2601,7 +2601,7 @@ const profileRecovery = (options) => {
 };
 
 const profileRecovery2 = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2659,7 +2659,7 @@ const profileRecovery2 = (options) => {
 };
 
 const profileRestore = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2705,7 +2705,7 @@ const profileRestore = (options) => {
 };
 
 const profile = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2730,7 +2730,7 @@ const profile = (options) => {
 };
 
 const qrCodeScan = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2848,7 +2848,7 @@ const qrCodeScan = (options) => {
 };
 
 const qrCode = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2942,7 +2942,7 @@ const qrCode = (options) => {
 };
 
 const relayer = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -2978,7 +2978,7 @@ const relayer = (options) => {
 };
 
 const reload = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3006,7 +3006,7 @@ const reload = (options) => {
 };
 
 const returnDown = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3035,7 +3035,7 @@ const returnDown = (options) => {
 };
 
 const returnLeft = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3064,7 +3064,7 @@ const returnLeft = (options) => {
 };
 
 const returnRight = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3093,7 +3093,7 @@ const returnRight = (options) => {
 };
 
 const returnUp = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3122,7 +3122,7 @@ const returnUp = (options) => {
 };
 
 const search = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3146,7 +3146,7 @@ const search = (options) => {
 };
 
 const settings = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3175,7 +3175,7 @@ const settings = (options) => {
 };
 
 const smartContractDoc = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3211,7 +3211,7 @@ const smartContractDoc = (options) => {
 };
 
 const smartContract = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3238,7 +3238,7 @@ const smartContract = (options) => {
 };
 
 const spinner = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3259,7 +3259,7 @@ const spinner = (options) => {
 };
 
 const starFilled = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3278,7 +3278,7 @@ const starFilled = (options) => {
 };
 
 const starOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3298,7 +3298,7 @@ const starOutline = (options) => {
 };
 
 const stepDot = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3328,7 +3328,7 @@ const stepDot = (options) => {
 };
 
 const stepProgress = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3355,7 +3355,7 @@ const stepProgress = (options) => {
 };
 
 const steps = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3391,7 +3391,7 @@ const steps = (options) => {
 };
 
 const tick = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3413,7 +3413,7 @@ const tick = (options) => {
 };
 
 const timerOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3456,7 +3456,7 @@ const timerOutline = (options) => {
 };
 
 const transactionReceive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3491,7 +3491,7 @@ const transactionReceive = (options) => {
 };
 
 const transactionSend = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3526,7 +3526,7 @@ const transactionSend = (options) => {
 };
 
 const transfer = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3569,7 +3569,7 @@ const transfer = (options) => {
 };
 
 const trash = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3605,7 +3605,7 @@ const trash = (options) => {
 };
 
 const turnDown = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3634,7 +3634,7 @@ const turnDown = (options) => {
 };
 
 const turnLeft = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3663,7 +3663,7 @@ const turnLeft = (options) => {
 };
 
 const turnRight = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3692,7 +3692,7 @@ const turnRight = (options) => {
 };
 
 const turnUp = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3721,7 +3721,7 @@ const turnUp = (options) => {
 };
 
 const unlocked = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3758,7 +3758,7 @@ const unlocked = (options) => {
 };
 
 const walletOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3789,7 +3789,7 @@ const walletOutline = (options) => {
 };
 
 const warningRound = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3817,7 +3817,7 @@ const warningRound = (options) => {
 };
 
 const warningTriangle = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3845,7 +3845,7 @@ const warningTriangle = (options) => {
 };
 
 const googleColor = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -3876,7 +3876,7 @@ const googleColor = (options) => {
 };
 
 const ethLogo = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -3901,7 +3901,7 @@ const ethLogo = (options) => {
 };
 
 const lyxLogo = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="16"
     height="16"
     viewBox="0 0 16 16"
@@ -3939,7 +3939,7 @@ const lyxLogo = (options) => {
 
 const progressIndicator = (options) => {
   const uniqueId = Math.random().toString(36).substring(7);
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
       width="40"
       height="40"
       viewBox="0 0 40 40"
@@ -4171,7 +4171,7 @@ const progressIndicator = (options) => {
 };
 
 const pulseDot = (options) => {
-  return shared_tailwindElement_index.x`<div
+  return lit.html`<div
     style=${styleMap.o({
     width: `${options.width}px`,
     height: `${options.height}px`
@@ -4189,7 +4189,7 @@ const pulseDot = (options) => {
 };
 
 const progressComplete = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="40"
     height="40"
     viewBox="0 0 40 40"
@@ -4474,7 +4474,7 @@ const progressComplete = (options) => {
 };
 
 const completeFilledFadeIn = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4504,7 +4504,7 @@ const completeFilledFadeIn = (options) => {
 };
 
 const desktopSharp = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4523,7 +4523,7 @@ const desktopSharp = (options) => {
 };
 
 const switched = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4567,7 +4567,7 @@ const switched = (options) => {
 
 const progressIndicatorAlt = (options) => {
   const uniqueId = Math.random().toString(36).substring(7);
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
       width="64"
       height="64"
       viewBox="0 0 64 64"
@@ -4714,7 +4714,7 @@ const progressIndicatorAlt = (options) => {
 };
 
 const crossFilled = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4749,7 +4749,7 @@ const crossFilled = (options) => {
 };
 
 const transferSend = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4783,7 +4783,7 @@ const transferSend = (options) => {
 };
 
 const flagOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4805,7 +4805,7 @@ const flagOutline = (options) => {
 };
 
 const tokenId = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4837,7 +4837,7 @@ const tokenId = (options) => {
 };
 
 const editDoc = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4897,7 +4897,7 @@ const editDoc = (options) => {
 };
 
 const codeOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4926,7 +4926,7 @@ const codeOutline = (options) => {
 };
 
 const saveOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4948,7 +4948,7 @@ const saveOutline = (options) => {
 };
 
 const scan = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -4987,7 +4987,7 @@ const scan = (options) => {
 };
 
 const faceId = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5044,7 +5044,7 @@ const faceId = (options) => {
 };
 
 const profileFile = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5082,7 +5082,7 @@ const profileFile = (options) => {
 };
 
 const handRightOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5132,7 +5132,7 @@ const handRightOutline = (options) => {
 };
 
 const extensionOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5151,7 +5151,7 @@ const extensionOutline = (options) => {
 };
 
 const luksoLogo = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5174,7 +5174,7 @@ const luksoLogo = (options) => {
 };
 
 const metamaskLogo = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="28"
     height="26"
     viewBox="0 0 28 26"
@@ -5462,7 +5462,7 @@ const metamaskLogo = (options) => {
 };
 
 const documentOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5490,7 +5490,7 @@ const documentOutline = (options) => {
 };
 
 const headsetOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5524,7 +5524,7 @@ const headsetOutline = (options) => {
 };
 
 const cubeOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5560,7 +5560,7 @@ const cubeOutline = (options) => {
 };
 
 const filmOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5641,7 +5641,7 @@ const filmOutline = (options) => {
 };
 
 const crossFilledFadeIn = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5678,7 +5678,7 @@ const crossFilledFadeIn = (options) => {
 };
 
 const videoOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5760,7 +5760,7 @@ const videoOutline = (options) => {
 };
 
 const walletRestore = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5798,7 +5798,7 @@ const walletRestore = (options) => {
 };
 
 const logoX = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5817,7 +5817,7 @@ const logoX = (options) => {
 };
 
 const logoFacebook = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5837,7 +5837,7 @@ const logoFacebook = (options) => {
 };
 
 const glasses = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5868,7 +5868,7 @@ const glasses = (options) => {
 };
 
 const unlink = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5890,7 +5890,7 @@ const unlink = (options) => {
 };
 
 const logoPolygon = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -5913,7 +5913,7 @@ const logoPolygon = (options) => {
 };
 
 const logoFantom = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -5939,7 +5939,7 @@ const logoFantom = (options) => {
 };
 
 const logoXMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5958,7 +5958,7 @@ const logoXMono = (options) => {
 };
 
 const logoInstagramMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -5984,7 +5984,7 @@ const logoInstagramMono = (options) => {
 };
 
 const logoMediumMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6010,7 +6010,7 @@ const logoMediumMono = (options) => {
 };
 
 const logoDiscordMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6036,7 +6036,7 @@ const logoDiscordMono = (options) => {
 };
 
 const logoSnapchatMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6062,7 +6062,7 @@ const logoSnapchatMono = (options) => {
 };
 
 const logoWhatsappMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6088,7 +6088,7 @@ const logoWhatsappMono = (options) => {
 };
 
 const logoTelegramMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6114,7 +6114,7 @@ const logoTelegramMono = (options) => {
 };
 
 const logoLinkedinMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6140,7 +6140,7 @@ const logoLinkedinMono = (options) => {
 };
 
 const logoGithubMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6166,7 +6166,7 @@ const logoGithubMono = (options) => {
 };
 
 const logoUniversalPageMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6198,7 +6198,7 @@ const logoUniversalPageMono = (options) => {
 };
 
 const database = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6234,7 +6234,7 @@ const database = (options) => {
 };
 
 const emptyOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6254,7 +6254,7 @@ const emptyOutline = (options) => {
 };
 
 const profileRemove = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6286,7 +6286,7 @@ const profileRemove = (options) => {
 };
 
 const logoYoutubeMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6305,7 +6305,7 @@ const logoYoutubeMono = (options) => {
 };
 
 const addGrid = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6377,7 +6377,7 @@ const addGrid = (options) => {
 };
 
 const gallery = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6413,7 +6413,7 @@ const gallery = (options) => {
 };
 
 const logoElfsightMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6461,7 +6461,7 @@ const logoElfsightMono = (options) => {
 };
 
 const maximizeVertical = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6497,7 +6497,7 @@ const maximizeVertical = (options) => {
 };
 
 const minimizeVertical = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6540,7 +6540,7 @@ const minimizeVertical = (options) => {
 };
 
 const chart = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6584,7 +6584,7 @@ const chart = (options) => {
 };
 
 const people = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6641,7 +6641,7 @@ const people = (options) => {
 };
 
 const documentCode = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6688,7 +6688,7 @@ const documentCode = (options) => {
 };
 
 const logoWarpcastMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6840,7 +6840,7 @@ const logoWarpcastMono = (options) => {
 };
 
 const parachute = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6860,7 +6860,7 @@ const parachute = (options) => {
 };
 
 const bitcoinConvert = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6921,7 +6921,7 @@ const bitcoinConvert = (options) => {
 };
 
 const nft = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6947,7 +6947,7 @@ const nft = (options) => {
 };
 
 const fingerprint = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -6966,7 +6966,7 @@ const fingerprint = (options) => {
 };
 
 const hammer = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7002,7 +7002,7 @@ const hammer = (options) => {
 };
 
 const handHeart = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7021,7 +7021,7 @@ const handHeart = (options) => {
 };
 
 const earth = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7064,7 +7064,7 @@ const earth = (options) => {
 };
 
 const logoSoundcloudMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7090,7 +7090,7 @@ const logoSoundcloudMono = (options) => {
 };
 
 const logoSpotifyMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7116,7 +7116,7 @@ const logoSpotifyMono = (options) => {
 };
 
 const logoGoogleCalendarMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7142,7 +7142,7 @@ const logoGoogleCalendarMono = (options) => {
 };
 
 const logoSubstackMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7161,7 +7161,7 @@ const logoSubstackMono = (options) => {
 };
 
 const logoXround = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7184,7 +7184,7 @@ const logoXround = (options) => {
 };
 
 const logoFarcaster = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7206,7 +7206,7 @@ const logoFarcaster = (options) => {
 };
 
 const logoLinkedin = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7230,7 +7230,7 @@ const logoLinkedin = (options) => {
 };
 
 const profileRestoreNoSetup = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7290,7 +7290,7 @@ const profileRestoreNoSetup = (options) => {
 };
 
 const share = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7326,7 +7326,7 @@ const share = (options) => {
 };
 
 const logoFacebookRound = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7346,7 +7346,7 @@ const logoFacebookRound = (options) => {
 };
 
 const logoFarcasterRound = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7368,7 +7368,7 @@ const logoFarcasterRound = (options) => {
 };
 
 const logoLinkedinRound = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7392,7 +7392,7 @@ const logoLinkedinRound = (options) => {
 };
 
 const arrowLongDown = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7421,7 +7421,7 @@ const arrowLongDown = (options) => {
 };
 
 const gas = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7468,7 +7468,7 @@ const gas = (options) => {
 };
 
 const minusFilled = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7490,7 +7490,7 @@ const minusFilled = (options) => {
 };
 
 const documentText = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 25 24"
@@ -7513,7 +7513,7 @@ const documentText = (options) => {
 };
 
 const category = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7560,7 +7560,7 @@ const category = (options) => {
 };
 
 const flash = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7583,7 +7583,7 @@ const flash = (options) => {
 };
 
 const userCircleAdd = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7643,7 +7643,7 @@ const userCircleAdd = (options) => {
 };
 
 const profileCircle = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7679,7 +7679,7 @@ const profileCircle = (options) => {
 };
 
 const playLinear = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7702,7 +7702,7 @@ const playLinear = (options) => {
 };
 
 const stopLinear = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7724,14 +7724,14 @@ const stopLinear = (options) => {
 };
 
 const minus = (options) => {
-  return shared_tailwindElement_index.x`<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.o({
     width: `${options.width}px`,
     height: `${options.height}px`
   })} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.417 12.75h-12c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12c.41 0 .75.34.75.75s-.34.75-.75.75" fill="var(--${options.color})"></svg>`;
 };
 
 const medalStar = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7769,7 +7769,7 @@ const medalStar = (options) => {
 };
 
 const editLinear = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7807,7 +7807,7 @@ const editLinear = (options) => {
 };
 
 const imageLinear = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -7837,7 +7837,7 @@ const imageLinear = (options) => {
 };
 
 const hexagon = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="25"
     height="24"
     viewBox="0 0 25 24"
@@ -7859,7 +7859,7 @@ const hexagon = (options) => {
 };
 
 const rowVertical = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7888,7 +7888,7 @@ const rowVertical = (options) => {
 };
 
 const logoTiktokMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7907,7 +7907,7 @@ const logoTiktokMono = (options) => {
 };
 
 const profileFollowing = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -7940,7 +7940,7 @@ const profileFollowing = (options) => {
 };
 
 const logoCommonGroundMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -8003,7 +8003,7 @@ const logoCommonGroundMono = (options) => {
 };
 
 const logoHyperlaneMono = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="540"
     height="494"
     viewBox="0 0 540 494"
@@ -8033,7 +8033,7 @@ const logoHyperlaneMono = (options) => {
 };
 
 const logoHyperlane = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="1000"
     height="1000"
     viewBox="0 0 1000 1000"
@@ -8066,7 +8066,7 @@ const logoHyperlane = (options) => {
 };
 
 const tokenCreate = (options) => {
-  return shared_tailwindElement_index.x` <svg
+  return lit.html` <svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -8101,7 +8101,7 @@ const tokenCreate = (options) => {
 };
 
 const addcontrollerActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8284,7 +8284,7 @@ const addcontrollerActivated = (options) => {
 };
 
 const addcontrollerInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8412,7 +8412,7 @@ const addcontrollerInactive = (options) => {
 };
 
 const addextensionsActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8545,7 +8545,7 @@ const addextensionsActivated = (options) => {
 };
 
 const addextensionsInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8604,7 +8604,7 @@ const addextensionsInactive = (options) => {
 };
 
 const adduniversalreceiverdelegateActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8736,7 +8736,7 @@ const adduniversalreceiverdelegateActivated = (options) => {
 };
 
 const adduniversalreceiverdelegateInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8800,7 +8800,7 @@ const adduniversalreceiverdelegateInactive = (options) => {
 };
 
 const callActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8910,7 +8910,7 @@ const callActivated = (options) => {
 };
 
 const callInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -8965,7 +8965,7 @@ const callInactive = (options) => {
 };
 
 const changeextensionsActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9141,7 +9141,7 @@ const changeextensionsActivated = (options) => {
 };
 
 const changeextensionsInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9235,7 +9235,7 @@ const changeextensionsInactive = (options) => {
 };
 
 const changeownerActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9450,7 +9450,7 @@ const changeownerActivated = (options) => {
 };
 
 const changeownerInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9567,7 +9567,7 @@ const changeownerInactive = (options) => {
 };
 
 const changepermissionsActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -9632,7 +9632,7 @@ const changepermissionsActivated = (options) => {
 };
 
 const changepermissionsInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -9820,7 +9820,7 @@ const changepermissionsInactive = (options) => {
 };
 
 const changeUniversalReceiverDelegateActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -9952,7 +9952,7 @@ const changeUniversalReceiverDelegateActivated = (options) => {
 };
 
 const changeUniversalReceiverDelegateInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10009,7 +10009,7 @@ const changeUniversalReceiverDelegateInactive = (options) => {
 };
 
 const decryptActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10197,7 +10197,7 @@ const decryptActivated = (options) => {
 };
 
 const decryptInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10348,7 +10348,7 @@ const decryptInactive = (options) => {
 };
 
 const delegatecallActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10531,7 +10531,7 @@ const delegatecallActivated = (options) => {
 };
 
 const delegatecallInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10659,7 +10659,7 @@ const delegatecallInactive = (options) => {
 };
 
 const deployActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10767,7 +10767,7 @@ const deployActivated = (options) => {
 };
 
 const deployInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -10800,7 +10800,7 @@ const deployInactive = (options) => {
 };
 
 const editpermissionsActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11045,7 +11045,7 @@ const editpermissionsActivated = (options) => {
 };
 
 const editpermissionsInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11235,7 +11235,7 @@ const editpermissionsInactive = (options) => {
 };
 
 const encryptActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11428,7 +11428,7 @@ const encryptActivated = (options) => {
 };
 
 const encryptInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -11584,7 +11584,7 @@ const encryptInactive = (options) => {
 };
 
 const executeRelayCallActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -11760,7 +11760,7 @@ const executeRelayCallActivated = (options) => {
 };
 
 const executeRelayCallInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -11870,7 +11870,7 @@ const executeRelayCallInactive = (options) => {
 };
 
 const reentrancyActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12119,7 +12119,7 @@ const reentrancyActivated = (options) => {
 };
 
 const reentrancyInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12313,7 +12313,7 @@ const reentrancyInactive = (options) => {
 };
 
 const setdataActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12464,7 +12464,7 @@ const setdataActivated = (options) => {
 };
 
 const setdataInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12546,7 +12546,7 @@ const setdataInactive = (options) => {
 };
 
 const signActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12721,7 +12721,7 @@ const signActivated = (options) => {
 };
 
 const signInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -12859,7 +12859,7 @@ const signInactive = (options) => {
 };
 
 const transactionActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 40 40"
@@ -12974,7 +12974,7 @@ const transactionActivated = (options) => {
 };
 
 const transferActivated = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -13087,7 +13087,7 @@ const transferActivated = (options) => {
 };
 
 const transferInactive = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 80 80"
@@ -13145,7 +13145,7 @@ const transferInactive = (options) => {
 };
 
 const logoHyperlaneOutline = (options) => {
-  return shared_tailwindElement_index.x`<svg
+  return lit.html`<svg
     width="24"
     height="24"
     viewBox="0 0 24 24"
@@ -13428,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;
@@ -13596,7 +13596,7 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
     const size = this.sizes[this.size];
     if (!size) {
       console.warn(`Size ${this.size} not found`);
-      return shared_tailwindElement_index.x``;
+      return lit.html``;
     }
     if (this.pack === "vuesax") {
       if (!this.svgContent) {
@@ -13608,20 +13608,20 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
             }
             this.requestUpdate();
           });
-          return shared_tailwindElement_index.x`<!-- Loading SVG... -->`;
+          return lit.html`<!-- Loading SVG... -->`;
         }
-        return shared_tailwindElement_index.x`<!-- Failed to load SVG. -->`;
+        return lit.html`<!-- Failed to load SVG. -->`;
       }
       const processedSvg = this.processVuesaxSvg(this.svgContent);
-      return processedSvg ? shared_tailwindElement_index.x`${unsafeHtml.o(processedSvg)}` : shared_tailwindElement_index.x`<!-- SVG not found -->`;
+      return processedSvg ? lit.html`${unsafeHtml_js.unsafeHTML(processedSvg)}` : lit.html`<!-- SVG not found -->`;
     }
     if (!this.pack) {
       const icon = iconMap[this.name];
       if (!icon) {
         console.warn(`Icon ${this.name} not found`);
-        return shared_tailwindElement_index.x``;
+        return lit.html``;
       }
-      return shared_tailwindElement_index.x`
+      return lit.html`
         ${icon({
         width: size.width,
         height: size.height,
@@ -13632,30 +13632,30 @@ exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.Tailwin
       `;
     }
     console.warn(`Icon pack ${this.pack} not found. `);
-    return shared_tailwindElement_index.x``;
+    return lit.html``;
   }
 };
 __decorateClass([
-  property.n({ type: String, reflect: true })
+  decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoIcon.prototype, "name", 2);
 __decorateClass([
-  property.n({ type: String, reflect: true })
+  decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoIcon.prototype, "size", 2);
 __decorateClass([
-  property.n({ type: String, reflect: true })
+  decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoIcon.prototype, "color", 2);
 __decorateClass([
-  property.n({ type: String, attribute: "secondary-color", reflect: true })
+  decorators_js.property({ type: String, attribute: "secondary-color", reflect: true })
 ], exports.LuksoIcon.prototype, "secondaryColor", 2);
 __decorateClass([
-  property.n({ type: String, reflect: true })
+  decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoIcon.prototype, "pack", 2);
 __decorateClass([
-  property.n({ type: String, reflect: true })
+  decorators_js.property({ type: String, reflect: true })
 ], exports.LuksoIcon.prototype, "variant", 2);
 __decorateClass([
-  property.n({ type: String })
+  decorators_js.property({ type: String })
 ], exports.LuksoIcon.prototype, "svgContent", 2);
 exports.LuksoIcon = __decorateClass([
-  safeCustomElement.safeCustomElement("lukso-icon")
+  index.safeCustomElement("lukso-icon")
 ], exports.LuksoIcon);