@reown/appkit-ui 0.0.3

package/dist/esm/src/assets/visual/profile.js

@@ -0,0 +1,37 @@
+import { svg } from 'lit';
+export const profileSvg = svg `<svg
+  viewBox="0 0 60 60"
+  fill="none"
+>
+  <g clip-path="url(#1)">
+    <rect width="60" height="60" rx="30" fill="#00ACE6" />
+    <path
+      d="M59 73C59 89.0163 46.0163 102 30 102C13.9837 102 1 89.0163 1 73C1 56.9837 12 44 30 44C48 44 59 56.9837 59 73Z"
+      fill="#1AC6FF"
+      stroke="white"
+      stroke-width="2"
+    />
+    <path
+      d="M18.6904 19.9015C19.6264 15.3286 23.3466 11.8445 27.9708 11.2096C29.3231 11.024 30.6751 11.0238 32.0289 11.2096C36.6532 11.8445 40.3733 15.3286 41.3094 19.9015C41.4868 20.7681 41.6309 21.6509 41.7492 22.5271C41.8811 23.5041 41.8811 24.4944 41.7492 25.4715C41.6309 26.3476 41.4868 27.2304 41.3094 28.097C40.3733 32.6699 36.6532 36.154 32.0289 36.7889C30.6772 36.9744 29.3216 36.9743 27.9708 36.7889C23.3466 36.154 19.6264 32.6699 18.6904 28.097C18.513 27.2304 18.3689 26.3476 18.2506 25.4715C18.1186 24.4944 18.1186 23.5041 18.2506 22.5271C18.3689 21.6509 18.513 20.7681 18.6904 19.9015Z"
+      fill="#1AC6FF"
+      stroke="white"
+      stroke-width="2"
+    />
+    <circle cx="24.5" cy="23.5" r="1.5" fill="white" />
+    <circle cx="35.5" cy="23.5" r="1.5" fill="white" />
+    <path
+      d="M31 20L28 28H32"
+      stroke="white"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </g>
+  <rect x="0.5" y="0.5" width="59" height="59" rx="29.5" stroke="white" stroke-opacity="0.1" />
+  <defs>
+    <clipPath id="1">
+      <rect width="60" height="60" rx="30" fill="white" />
+    </clipPath>
+  </defs>
+</svg> `;
+//# sourceMappingURL=profile.js.map

package/dist/esm/src/assets/visual/profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","sourceRoot":"","sources":["../../../../../src/assets/visual/profile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkCrB,CAAA"}

package/dist/esm/src/assets/visual/solana.js

@@ -0,0 +1,27 @@
+import { svg } from 'lit';
+export const solanaSvg = svg `<svg fill="none" viewBox="0 0 80 80">
+  <g clip-path="url(#a)">
+    <path fill="url(#b)" d="M40 80a40 40 0 1 0 0-80 40 40 0 0 0 0 80Z" />
+    <path
+      stroke="#fff"
+      stroke-opacity=".1"
+      d="M79.5 40a39.5 39.5 0 1 1-79 0 39.5 39.5 0 0 1 79 0Z"
+    />
+    <path
+      fill="#fff"
+      d="m62.62 51.54-7.54 7.91a1.75 1.75 0 0 1-1.29.55H18.02a.9.9 0 0 1-.8-.52.84.84 0 0 1 .16-.92l7.55-7.92a1.75 1.75 0 0 1 1.28-.55h35.77a.87.87 0 0 1 .8.52.84.84 0 0 1-.16.93Zm-7.54-15.95a1.75 1.75 0 0 0-1.29-.54H18.02a.89.89 0 0 0-.8.51.84.84 0 0 0 .16.93l7.55 7.92a1.75 1.75 0 0 0 1.28.54h35.77a.89.89 0 0 0 .8-.51.84.84 0 0 0-.16-.93l-7.54-7.92ZM18.02 29.9h35.77a1.79 1.79 0 0 0 1.29-.54l7.54-7.92a.85.85 0 0 0 .16-.93.87.87 0 0 0-.8-.51H26.21a1.79 1.79 0 0 0-1.28.54l-7.55 7.92a.85.85 0 0 0-.16.93.89.89 0 0 0 .8.52Z"
+    />
+  </g>
+  <defs>
+    <linearGradient id="b" x1="6.75" x2="80.68" y1="81.91" y2="7.37" gradientUnits="userSpaceOnUse">
+      <stop offset=".08" stop-color="#9945FF" />
+      <stop offset=".3" stop-color="#8752F3" />
+      <stop offset=".5" stop-color="#5497D5" />
+      <stop offset=".6" stop-color="#43B4CA" />
+      <stop offset=".72" stop-color="#28E0B9" />
+      <stop offset=".97" stop-color="#19FB9B" />
+    </linearGradient>
+    <clipPath id="a"><path fill="#fff" d="M0 0h80v80H0z" /></clipPath>
+  </defs>
+</svg> `;
+//# sourceMappingURL=solana.js.map

package/dist/esm/src/assets/visual/solana.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"solana.js","sourceRoot":"","sources":["../../../../../src/assets/visual/solana.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;QAwBpB,CAAA"}

package/dist/esm/src/assets/visual/stripe.js

@@ -0,0 +1,26 @@
+import { svg } from 'lit';
+export const stripeSvg = svg `
+  <svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#a)">
+      <path
+        d="M0 16.6c0-6.168 0-9.251 1.314-11.555a10 10 0 0 1 3.731-3.731C7.35 0 10.432 0 16.6 0h6.8c6.168 0 9.252 0 11.555 1.314a10 10 0 0 1 3.731 3.731C40 7.35 40 10.432 40 16.6v6.8c0 6.168 0 9.252-1.314 11.555a10 10 0 0 1-3.731 3.731C32.652 40 29.568 40 23.4 40h-6.8c-6.168 0-9.251 0-11.555-1.314a10 10 0 0 1-3.731-3.731C0 32.652 0 29.568 0 23.4v-6.8Z"
+        fill="#635BFF"
+      />
+      <path
+        d="M.5 16.6c0-3.093 0-5.38.162-7.182.161-1.795.48-3.061 1.086-4.125a9.5 9.5 0 0 1 3.545-3.545C6.357 1.141 7.623.823 9.418.662 11.221.5 13.508.5 16.6.5h6.8c3.093 0 5.38 0 7.182.162 1.795.161 3.062.48 4.125 1.086a9.5 9.5 0 0 1 3.545 3.545c.607 1.064.925 2.33 1.086 4.125.161 1.803.162 4.09.162 7.182v6.8c0 3.093 0 5.38-.162 7.182-.161 1.795-.48 3.062-1.086 4.125a9.5 9.5 0 0 1-3.545 3.545c-1.063.607-2.33.925-4.125 1.086-1.803.161-4.09.162-7.182.162h-6.8c-3.093 0-5.38 0-7.182-.162-1.795-.161-3.061-.48-4.125-1.086a9.5 9.5 0 0 1-3.545-3.545c-.607-1.063-.925-2.33-1.086-4.125C.5 28.779.5 26.492.5 23.4v-6.8Z"
+        stroke="#fff"
+        stroke-opacity=".05"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M18.299 15.147c0-1.028.844-1.424 2.242-1.424 2.004 0 4.536.607 6.54 1.688V9.213C24.892 8.343 22.73 8 20.541 8c-5.354 0-8.915 2.796-8.915 7.464 0 7.279 10.022 6.118 10.022 9.257 0 1.213-1.055 1.609-2.531 1.609-2.19 0-4.985-.897-7.2-2.11v6.277a18.283 18.283 0 0 0 7.2 1.503c5.485 0 9.257-2.716 9.257-7.437-.027-7.86-10.075-6.462-10.075-9.416Z"
+        fill="#fff"
+      />
+    </g>
+    <defs>
+      <clipPath id="a"><path fill="#fff" d="M0 0h40v40H0z" /></clipPath>
+    </defs>
+  </svg>
+`;
+//# sourceMappingURL=stripe.js.map

package/dist/esm/src/assets/visual/stripe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripe.js","sourceRoot":"","sources":["../../../../../src/assets/visual/stripe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;CAuB3B,CAAA"}

package/dist/esm/src/assets/visual/system.js

@@ -0,0 +1,34 @@
+import { svg } from 'lit';
+export const systemSvg = svg `<svg viewBox="0 0 60 60" fill="none">
+  <g clip-path="url(#1)">
+    <path
+      d="M0 24.9C0 15.6485 0 11.0228 1.97053 7.56812C3.3015 5.23468 5.23468 3.3015 7.56812 1.97053C11.0228 0 15.6485 0 24.9 0H35.1C44.3514 0 48.9772 0 52.4319 1.97053C54.7653 3.3015 56.6985 5.23468 58.0295 7.56812C60 11.0228 60 15.6485 60 24.9V35.1C60 44.3514 60 48.9772 58.0295 52.4319C56.6985 54.7653 54.7653 56.6985 52.4319 58.0295C48.9772 60 44.3514 60 35.1 60H24.9C15.6485 60 11.0228 60 7.56812 58.0295C5.23468 56.6985 3.3015 54.7653 1.97053 52.4319C0 48.9772 0 44.3514 0 35.1V24.9Z"
+      fill="#794CFF"
+    />
+    <path
+      d="M0.5 24.9C0.5 20.2652 0.50047 16.8221 0.744315 14.105C0.987552 11.3946 1.46987 9.45504 2.40484 7.81585C3.69145 5.56019 5.56019 3.69145 7.81585 2.40484C9.45504 1.46987 11.3946 0.987552 14.105 0.744315C16.8221 0.50047 20.2652 0.5 24.9 0.5H35.1C39.7348 0.5 43.1779 0.50047 45.895 0.744315C48.6054 0.987552 50.545 1.46987 52.1841 2.40484C54.4398 3.69145 56.3086 5.56019 57.5952 7.81585C58.5301 9.45504 59.0124 11.3946 59.2557 14.105C59.4995 16.8221 59.5 20.2652 59.5 24.9V35.1C59.5 39.7348 59.4995 43.1779 59.2557 45.895C59.0124 48.6054 58.5301 50.545 57.5952 52.1841C56.3086 54.4398 54.4398 56.3086 52.1841 57.5952C50.545 58.5301 48.6054 59.0124 45.895 59.2557C43.1779 59.4995 39.7348 59.5 35.1 59.5H24.9C20.2652 59.5 16.8221 59.4995 14.105 59.2557C11.3946 59.0124 9.45504 58.5301 7.81585 57.5952C5.56019 56.3086 3.69145 54.4398 2.40484 52.1841C1.46987 50.545 0.987552 48.6054 0.744315 45.895C0.50047 43.1779 0.5 39.7348 0.5 35.1V24.9Z"
+      stroke="#062B2B"
+      stroke-opacity="0.1"
+    />
+    <path
+      d="M35.1403 31.5016C35.1193 30.9637 35.388 30.4558 35.8446 30.1707C36.1207 29.9982 36.4761 29.8473 36.7921 29.7685C37.3143 29.6382 37.8664 29.7977 38.2386 30.1864C38.8507 30.8257 39.3004 31.6836 39.8033 32.408C40.2796 33.0942 41.4695 33.2512 41.9687 32.5047C42.4839 31.7341 42.9405 30.8229 43.572 30.1399C43.9375 29.7447 44.4866 29.5756 45.0111 29.6967C45.3283 29.7701 45.6863 29.9147 45.9655 30.0823C46.4269 30.3595 46.7045 30.8626 46.6928 31.4008C46.6731 32.3083 46.3764 33.2571 46.2158 34.1473C46.061 35.0048 46.9045 35.8337 47.7592 35.664C48.6464 35.4878 49.5899 35.1747 50.497 35.1391C51.0348 35.1181 51.5427 35.3868 51.8279 35.8433C52.0004 36.1195 52.1513 36.4749 52.2301 36.7908C52.3604 37.3131 52.2009 37.8651 51.8121 38.2374C51.1729 38.8495 50.3151 39.2991 49.5908 39.8019C48.9046 40.2782 48.7473 41.4683 49.4939 41.9675C50.2644 42.4827 51.1757 42.9393 51.8587 43.5708C52.2539 43.9362 52.423 44.4854 52.3018 45.0099C52.2285 45.3271 52.0839 45.6851 51.9162 45.9642C51.6391 46.4257 51.1359 46.7032 50.5978 46.6916C49.6903 46.6719 48.7417 46.3753 47.8516 46.2146C46.9939 46.0598 46.1648 46.9035 46.3346 47.7583C46.5108 48.6454 46.8239 49.5888 46.8594 50.4958C46.8805 51.0336 46.6117 51.5415 46.1552 51.8267C45.879 51.9992 45.5236 52.15 45.2077 52.2289C44.6854 52.3592 44.1334 52.1997 43.7611 51.8109C43.1491 51.1718 42.6996 50.314 42.1968 49.5897C41.7203 48.9034 40.5301 48.7463 40.0309 49.493C39.5157 50.2634 39.0592 51.1746 38.4278 51.8574C38.0623 52.2527 37.5132 52.4218 36.9887 52.3006C36.6715 52.2273 36.3135 52.0826 36.0343 51.915C35.5729 51.6379 35.2953 51.1347 35.307 50.5966C35.3267 49.6891 35.6233 48.7405 35.7839 47.8505C35.9388 46.9928 35.0951 46.1636 34.2402 46.3334C33.3531 46.5096 32.4098 46.8227 31.5028 46.8582C30.9649 46.8793 30.457 46.6105 30.1719 46.154C29.9994 45.8778 29.8485 45.5224 29.7697 45.2065C29.6394 44.6842 29.7989 44.1322 30.1877 43.7599C30.8269 43.1479 31.6847 42.6982 32.4091 42.1954C33.0954 41.7189 33.2522 40.5289 32.5056 40.0297C31.7351 39.5145 30.824 39.058 30.1411 38.4265C29.7459 38.0611 29.5768 37.5119 29.698 36.9875C29.7713 36.6702 29.9159 36.3122 30.0836 36.0331C30.3607 35.5717 30.8638 35.2941 31.402 35.3058C32.3095 35.3255 33.2583 35.6221 34.1485 35.7828C35.006 35.9376 35.8349 35.094 35.6652 34.2393C35.489 33.3521 35.1759 32.4087 35.1403 31.5016Z"
+      fill="#906EF7"
+      stroke="white"
+      stroke-width="2"
+    />
+    <path
+      d="M20.7706 8.22357C20.9036 7.51411 21.5231 7 22.2449 7H23.7551C24.4769 7 25.0964 7.51411 25.2294 8.22357C25.5051 9.69403 25.4829 11.6321 27.1202 12.2606C27.3092 12.3331 27.4958 12.4105 27.6798 12.4926C29.2818 13.2072 30.6374 11.8199 31.8721 10.9752C32.4678 10.5676 33.2694 10.6421 33.7798 11.1525L34.8477 12.2204C35.3581 12.7308 35.4326 13.5323 35.025 14.128C34.1802 15.3627 32.7931 16.7183 33.5077 18.3202C33.5898 18.5043 33.6672 18.6909 33.7398 18.88C34.3683 20.5171 36.3061 20.4949 37.7764 20.7706C38.4859 20.9036 39 21.5231 39 22.2449V23.7551C39 24.4769 38.4859 25.0964 37.7764 25.2294C36.3061 25.5051 34.3685 25.483 33.7401 27.1201C33.6675 27.3093 33.59 27.4961 33.5079 27.6803C32.7934 29.282 34.1803 30.6374 35.025 31.8719C35.4326 32.4677 35.3581 33.2692 34.8477 33.7796L33.7798 34.8475C33.2694 35.3579 32.4678 35.4324 31.8721 35.0248C30.6376 34.1801 29.2823 32.7934 27.6806 33.508C27.4962 33.5903 27.3093 33.6678 27.12 33.7405C25.483 34.3688 25.5051 36.3062 25.2294 37.7764C25.0964 38.4859 24.4769 39 23.7551 39H22.2449C21.5231 39 20.9036 38.4859 20.7706 37.7764C20.4949 36.3062 20.517 34.3688 18.88 33.7405C18.6908 33.6678 18.5039 33.5903 18.3196 33.5081C16.7179 32.7936 15.3625 34.1804 14.1279 35.0251C13.5322 35.4327 12.7307 35.3582 12.2203 34.8478L11.1524 33.7799C10.642 33.2695 10.5675 32.4679 10.9751 31.8722C11.8198 30.6376 13.2067 29.2822 12.4922 27.6804C12.41 27.4962 12.3325 27.3093 12.2599 27.1201C11.6315 25.483 9.69392 25.5051 8.22357 25.2294C7.51411 25.0964 7 24.4769 7 23.7551V22.2449C7 21.5231 7.51411 20.9036 8.22357 20.7706C9.69394 20.4949 11.6317 20.5171 12.2602 18.88C12.3328 18.6909 12.4103 18.5042 12.4924 18.3201C13.207 16.7181 11.8198 15.3625 10.975 14.1278C10.5674 13.5321 10.6419 12.7305 11.1523 12.2201L12.2202 11.1522C12.7306 10.6418 13.5322 10.5673 14.1279 10.9749C15.3626 11.8197 16.7184 13.2071 18.3204 12.4925C18.5044 12.4105 18.6909 12.3331 18.8799 12.2606C20.5171 11.6321 20.4949 9.69403 20.7706 8.22357Z"
+      fill="#906EF7"
+      stroke="white"
+      stroke-width="2"
+    />
+    <circle cx="23" cy="23" r="6" fill="#794CFF" stroke="white" stroke-width="2" />
+    <circle cx="41" cy="41" r="4" fill="#794CFF" stroke="white" stroke-width="2" />
+  </g>
+  <defs>
+    <clipPath id="1">
+      <rect width="60" height="60" fill="white" />
+    </clipPath>
+  </defs>
+</svg> `;
+//# sourceMappingURL=system.js.map

package/dist/esm/src/assets/visual/system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"system.js","sourceRoot":"","sources":["../../../../../src/assets/visual/system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+BpB,CAAA"}

package/dist/esm/src/components/wui-card/index.js

@@ -0,0 +1,21 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiCard = class WuiCard extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+WuiCard.styles = [resetStyles, styles];
+WuiCard = __decorate([
+    customElement('wui-card')
+], WuiCard);
+export { WuiCard };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-card/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAIrB,MAAM;QACpB,OAAO,IAAI,CAAA,eAAe,CAAA;IAC5B,CAAC;;AALsB,cAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAD1C,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAOnB"}

package/dist/esm/src/components/wui-card/styles.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    border-radius: clamp(0px, var(--wui-border-radius-l), 44px);
+    box-shadow: 0 0 0 1px var(--wui-color-gray-glass-005);
+    background-color: var(--wui-color-modal-bg);
+    overflow: hidden;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/wui-card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;CAQjB,CAAA"}

package/dist/esm/src/components/wui-icon/index.js

@@ -0,0 +1,186 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { colorStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+import { addSvg } from '../../assets/svg/add.js';
+import { allWalletsSvg } from '../../assets/svg/all-wallets.js';
+import { arrowBottomCircleSvg } from '../../assets/svg/arrow-bottom-circle.js';
+import { appStoreSvg } from '../../assets/svg/app-store.js';
+import { appleSvg } from '../../assets/svg/apple.js';
+import { arrowBottomSvg } from '../../assets/svg/arrow-bottom.js';
+import { arrowLeftSvg } from '../../assets/svg/arrow-left.js';
+import { arrowRightSvg } from '../../assets/svg/arrow-right.js';
+import { arrowTopSvg } from '../../assets/svg/arrow-top.js';
+import { bankSvg } from '../../assets/svg/bank.js';
+import { browserSvg } from '../../assets/svg/browser.js';
+import { cardSvg } from '../../assets/svg/card.js';
+import { checkmarkBoldSvg } from '../../assets/svg/checkmark-bold.js';
+import { checkmarkSvg } from '../../assets/svg/checkmark.js';
+import { chevronBottomSvg } from '../../assets/svg/chevron-bottom.js';
+import { chevronLeftSvg } from '../../assets/svg/chevron-left.js';
+import { chevronRightSvg } from '../../assets/svg/chevron-right.js';
+import { chevronTopSvg } from '../../assets/svg/chevron-top.js';
+import { chromeStoreSvg } from '../../assets/svg/chrome-store.js';
+import { clockSvg } from '../../assets/svg/clock.js';
+import { closeSvg } from '../../assets/svg/close.js';
+import { coinPlaceholderSvg } from '../../assets/svg/coinPlaceholder.js';
+import { compassSvg } from '../../assets/svg/compass.js';
+import { copySvg } from '../../assets/svg/copy.js';
+import { cursorSvg } from '../../assets/svg/cursor.js';
+import { cursorTransparentSvg } from '../../assets/svg/cursor-transparent.js';
+import { desktopSvg } from '../../assets/svg/desktop.js';
+import { disconnectSvg } from '../../assets/svg/disconnect.js';
+import { discordSvg } from '../../assets/svg/discord.js';
+import { etherscanSvg } from '../../assets/svg/etherscan.js';
+import { extensionSvg } from '../../assets/svg/extension.js';
+import { externalLinkSvg } from '../../assets/svg/external-link.js';
+import { facebookSvg } from '../../assets/svg/facebook.js';
+import { farcasterSvg } from '../../assets/svg/farcaster.js';
+import { filtersSvg } from '../../assets/svg/filters.js';
+import { githubSvg } from '../../assets/svg/github.js';
+import { googleSvg } from '../../assets/svg/google.js';
+import { helpCircleSvg } from '../../assets/svg/help-circle.js';
+import { imageSvg } from '../../assets/svg/image.js';
+import { infoCircleSvg } from '../../assets/svg/info-circle.js';
+import { mailSvg } from '../../assets/svg/mail.js';
+import { mobileSvg } from '../../assets/svg/mobile.js';
+import { moreSvg } from '../../assets/svg/more.js';
+import { networkPlaceholderSvg } from '../../assets/svg/network-placeholder.js';
+import { nftPlaceholderSvg } from '../../assets/svg/nftPlaceholder.js';
+import { offSvg } from '../../assets/svg/off.js';
+import { playStoreSvg } from '../../assets/svg/play-store.js';
+import { plusSvg } from '../../assets/svg/plus.js';
+import { qrCodeIcon } from '../../assets/svg/qr-code.js';
+import { recycleHorizontalSvg } from '../../assets/svg/recycle-horizontal.js';
+import { refreshSvg } from '../../assets/svg/refresh.js';
+import { searchSvg } from '../../assets/svg/search.js';
+import { sendSvg } from '../../assets/svg/send.js';
+import { swapHorizontalSvg } from '../../assets/svg/swapHorizontal.js';
+import { swapHorizontalBoldSvg } from '../../assets/svg/swapHorizontalBold.js';
+import { swapHorizontalMediumSvg } from '../../assets/svg/swapHorizontalMedium.js';
+import { swapHorizontalRoundedBoldSvg } from '../../assets/svg/swapHorizontalRoundedBold.js';
+import { swapVerticalSvg } from '../../assets/svg/swapVertical.js';
+import { telegramSvg } from '../../assets/svg/telegram.js';
+import { threeDotsSvg } from '../../assets/svg/three-dots.js';
+import { twitchSvg } from '../../assets/svg/twitch.js';
+import { twitterIconSvg } from '../../assets/svg/twitterIcon.js';
+import { verifySvg } from '../../assets/svg/verify.js';
+import { verifyFilledSvg } from '../../assets/svg/verify-filled.js';
+import { walletPlaceholderSvg } from '../../assets/svg/wallet-placeholder.js';
+import { walletSvg } from '../../assets/svg/wallet.js';
+import { walletConnectSvg } from '../../assets/svg/walletconnect.js';
+import { warningCircleSvg } from '../../assets/svg/warning-circle.js';
+import { lightbulbSvg } from '../../assets/svg/lightbulb.js';
+import { idSvg } from '../../assets/svg/id.js';
+import { xSvg } from '../../assets/svg/x.js';
+const svgOptions = {
+    add: addSvg,
+    allWallets: allWalletsSvg,
+    arrowBottomCircle: arrowBottomCircleSvg,
+    appStore: appStoreSvg,
+    apple: appleSvg,
+    arrowBottom: arrowBottomSvg,
+    arrowLeft: arrowLeftSvg,
+    arrowRight: arrowRightSvg,
+    arrowTop: arrowTopSvg,
+    bank: bankSvg,
+    browser: browserSvg,
+    card: cardSvg,
+    checkmark: checkmarkSvg,
+    checkmarkBold: checkmarkBoldSvg,
+    chevronBottom: chevronBottomSvg,
+    chevronLeft: chevronLeftSvg,
+    chevronRight: chevronRightSvg,
+    chevronTop: chevronTopSvg,
+    chromeStore: chromeStoreSvg,
+    clock: clockSvg,
+    close: closeSvg,
+    compass: compassSvg,
+    coinPlaceholder: coinPlaceholderSvg,
+    copy: copySvg,
+    cursor: cursorSvg,
+    cursorTransparent: cursorTransparentSvg,
+    desktop: desktopSvg,
+    disconnect: disconnectSvg,
+    discord: discordSvg,
+    etherscan: etherscanSvg,
+    extension: extensionSvg,
+    externalLink: externalLinkSvg,
+    facebook: facebookSvg,
+    farcaster: farcasterSvg,
+    filters: filtersSvg,
+    github: githubSvg,
+    google: googleSvg,
+    helpCircle: helpCircleSvg,
+    image: imageSvg,
+    id: idSvg,
+    infoCircle: infoCircleSvg,
+    lightbulb: lightbulbSvg,
+    mail: mailSvg,
+    mobile: mobileSvg,
+    more: moreSvg,
+    networkPlaceholder: networkPlaceholderSvg,
+    nftPlaceholder: nftPlaceholderSvg,
+    off: offSvg,
+    playStore: playStoreSvg,
+    plus: plusSvg,
+    qrCode: qrCodeIcon,
+    recycleHorizontal: recycleHorizontalSvg,
+    refresh: refreshSvg,
+    search: searchSvg,
+    send: sendSvg,
+    swapHorizontal: swapHorizontalSvg,
+    swapHorizontalMedium: swapHorizontalMediumSvg,
+    swapHorizontalBold: swapHorizontalBoldSvg,
+    swapHorizontalRoundedBold: swapHorizontalRoundedBoldSvg,
+    swapVertical: swapVerticalSvg,
+    telegram: telegramSvg,
+    threeDots: threeDotsSvg,
+    twitch: twitchSvg,
+    twitter: xSvg,
+    twitterIcon: twitterIconSvg,
+    verify: verifySvg,
+    verifyFilled: verifyFilledSvg,
+    wallet: walletSvg,
+    walletConnect: walletConnectSvg,
+    walletPlaceholder: walletPlaceholderSvg,
+    warningCircle: warningCircleSvg,
+    x: xSvg
+};
+let WuiIcon = class WuiIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'md';
+        this.name = 'copy';
+        this.color = 'fg-300';
+    }
+    render() {
+        this.style.cssText = `
+      --local-color: ${`var(--wui-color-${this.color});`}
+      --local-width: ${`var(--wui-icon-size-${this.size});`}
+    `;
+        return html `${svgOptions[this.name]}`;
+    }
+};
+WuiIcon.styles = [resetStyles, colorStyles, styles];
+__decorate([
+    property()
+], WuiIcon.prototype, "size", void 0);
+__decorate([
+    property()
+], WuiIcon.prototype, "name", void 0);
+__decorate([
+    property()
+], WuiIcon.prototype, "color", void 0);
+WuiIcon = __decorate([
+    customElement('wui-icon')
+], WuiIcon);
+export { WuiIcon };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-icon/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/components/wui-icon/styles.js

@@ -0,0 +1,17 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    aspect-ratio: 1 / 1;
+    color: var(--local-color);
+    width: var(--local-width);
+  }
+
+  svg {
+    width: inherit;
+    height: inherit;
+    object-fit: contain;
+    object-position: center;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-icon/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/wui-icon/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;CAcjB,CAAA"}

package/dist/esm/src/components/wui-image/index.js

@@ -0,0 +1,44 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { colorStyles, resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiImage = class WuiImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.src = './path/to/image.jpg';
+        this.alt = 'Image';
+        this.size = undefined;
+    }
+    render() {
+        this.style.cssText = `
+      --local-width: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};
+      --local-height: ${this.size ? `var(--wui-icon-size-${this.size});` : '100%'};
+      `;
+        return html `<img src=${this.src} alt=${this.alt} @error=${this.handleImageError} />`;
+    }
+    handleImageError() {
+        this.dispatchEvent(new CustomEvent('onLoadError', { bubbles: true, composed: true }));
+    }
+};
+WuiImage.styles = [resetStyles, colorStyles, styles];
+__decorate([
+    property()
+], WuiImage.prototype, "src", void 0);
+__decorate([
+    property()
+], WuiImage.prototype, "alt", void 0);
+__decorate([
+    property()
+], WuiImage.prototype, "size", void 0);
+WuiImage = __decorate([
+    customElement('wui-image')
+], WuiImage);
+export { WuiImage };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-image/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAIzB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIc,QAAG,GAAG,qBAAqB,CAAA;QAE3B,QAAG,GAAG,OAAO,CAAA;QAEb,SAAI,GAAc,SAAS,CAAA;IAehD,CAAC;IAZiB,MAAM;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG;uBACF,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM;wBACxD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAuB,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM;OAC1E,CAAA;QAEH,OAAO,IAAI,CAAA,YAAY,IAAI,CAAC,GAAG,QAAQ,IAAI,CAAC,GAAG,WAAW,IAAI,CAAC,gBAAgB,KAAK,CAAA;IACtF,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IACvF,CAAC;;AArBsB,eAAM,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,AAArC,CAAqC;AAG/C;IAAlB,QAAQ,EAAE;qCAAmC;AAE3B;IAAlB,QAAQ,EAAE;qCAAqB;AAEb;IAAlB,QAAQ,EAAE;sCAAmC;AARnC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAuBpB"}

package/dist/esm/src/components/wui-image/styles.js

@@ -0,0 +1,18 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center center;
+    border-radius: inherit;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-image/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/wui-image/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;CAejB,CAAA"}

package/dist/esm/src/components/wui-loading-hexagon/index.js

@@ -0,0 +1,29 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiLoadingHexagon = class WuiLoadingHexagon extends LitElement {
+    render() {
+        return html `
+      <svg viewBox="0 0 54 59">
+        <path
+          id="wui-loader-path"
+          d="M17.22 5.295c3.877-2.277 5.737-3.363 7.72-3.726a11.44 11.44 0 0 1 4.12 0c1.983.363 3.844 1.45 7.72 3.726l6.065 3.562c3.876 2.276 5.731 3.372 7.032 4.938a11.896 11.896 0 0 1 2.06 3.63c.683 1.928.688 4.11.688 8.663v7.124c0 4.553-.005 6.735-.688 8.664a11.896 11.896 0 0 1-2.06 3.63c-1.3 1.565-3.156 2.66-7.032 4.937l-6.065 3.563c-3.877 2.276-5.737 3.362-7.72 3.725a11.46 11.46 0 0 1-4.12 0c-1.983-.363-3.844-1.449-7.72-3.726l-6.065-3.562c-3.876-2.276-5.731-3.372-7.032-4.938a11.885 11.885 0 0 1-2.06-3.63c-.682-1.928-.688-4.11-.688-8.663v-7.124c0-4.553.006-6.735.688-8.664a11.885 11.885 0 0 1 2.06-3.63c1.3-1.565 3.156-2.66 7.032-4.937l6.065-3.562Z"
+        />
+        <use xlink:href="#wui-loader-path"></use>
+      </svg>
+    `;
+    }
+};
+WuiLoadingHexagon.styles = [resetStyles, styles];
+WuiLoadingHexagon = __decorate([
+    customElement('wui-loading-hexagon')
+], WuiLoadingHexagon);
+export { WuiLoadingHexagon };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-loading-hexagon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-loading-hexagon/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAI/B,MAAM;QACpB,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAA;IACH,CAAC;;AAbsB,wBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAD1C,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAe7B"}

package/dist/esm/src/components/wui-loading-hexagon/styles.js

@@ -0,0 +1,31 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    width: var(--wui-box-size-lg);
+    height: var(--wui-box-size-lg);
+  }
+
+  svg {
+    width: var(--wui-box-size-lg);
+    height: var(--wui-box-size-lg);
+    fill: none;
+    stroke: transparent;
+    stroke-linecap: round;
+  }
+
+  use {
+    stroke: var(--wui-color-accent-100);
+    stroke-width: 2px;
+    stroke-dasharray: 54, 118;
+    stroke-dashoffset: 172;
+    animation: dash 1s linear infinite;
+  }
+
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0px;
+    }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/components/wui-loading-hexagon/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/wui-loading-hexagon/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAA"}

package/dist/esm/src/components/wui-loading-spinner/index.js

@@ -0,0 +1,37 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { resetStyles } from '../../utils/ThemeUtil.js';
+import { customElement } from '../../utils/WebComponentsUtil.js';
+import styles from './styles.js';
+let WuiLoadingSpinner = class WuiLoadingSpinner extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'accent-100';
+        this.size = 'lg';
+    }
+    render() {
+        this.style.cssText = `--local-color: ${this.color === 'inherit' ? 'inherit' : `var(--wui-color-${this.color})`}`;
+        this.dataset['size'] = this.size;
+        return html `<svg viewBox="25 25 50 50">
+      <circle r="20" cy="50" cx="50"></circle>
+    </svg>`;
+    }
+};
+WuiLoadingSpinner.styles = [resetStyles, styles];
+__decorate([
+    property()
+], WuiLoadingSpinner.prototype, "color", void 0);
+__decorate([
+    property()
+], WuiLoadingSpinner.prototype, "size", void 0);
+WuiLoadingSpinner = __decorate([
+    customElement('wui-loading-spinner')
+], WuiLoadingSpinner);
+export { WuiLoadingSpinner };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/wui-loading-spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wui-loading-spinner/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAGc,UAAK,GAAc,YAAY,CAAA;QAE/B,SAAI,GAAwD,IAAI,CAAA;IAcrF,CAAC;IAXiB,MAAM;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,kBACnB,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,KAAK,GACtE,EAAE,CAAA;QAEF,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAA;QAEhC,OAAO,IAAI,CAAA;;WAEJ,CAAA;IACT,CAAC;;AAjBsB,wBAAM,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,AAAxB,CAAwB;AAElC;IAAlB,QAAQ,EAAE;gDAAuC;AAE/B;IAAlB,QAAQ,EAAE;+CAAwE;AALxE,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAmB7B"}