@burnt-labs/ui 0.1.0-alpha.5 → 0.1.0-alpha.7

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
 
-> @burnt-labs/ui@0.1.0-alpha.5 build /home/runner/work/xion.js/xion.js/packages/ui
+> @burnt-labs/ui@0.1.0-alpha.7 build /home/runner/work/xion.js/xion.js/packages/ui
 > tsup
 
-CLI Building entry: src/button.tsx, src/dialog.tsx, src/index.tsx, src/input.tsx, src/modal.tsx, src/pinInput.tsx, src/icons/accountWalletLogo.tsx, src/icons/browser.tsx, src/icons/chevronDown.tsx, src/icons/close.tsx, src/icons/spinner.tsx
+CLI Building entry: src/button.tsx, src/dialog.tsx, src/index.tsx, src/input.tsx, src/modal.tsx, src/pinInput.tsx, src/icons/accountWalletLogo.tsx, src/icons/browser.tsx, src/icons/chevronDown.tsx, src/icons/close.tsx, src/icons/keplr.tsx, src/icons/metamask.tsx, src/icons/spinner.tsx
 CLI Using tsconfig: tsconfig.json
 CLI tsup v6.7.0
 CLI Using tsup config: /home/runner/work/xion.js/xion.js/packages/ui/tsup.config.ts
@@ -11,52 +11,8 @@
 ESM Build start
 CJS Build start
 DTS Build start
-ESM dist/AkkuratLLWeb-Thin-HVY6MUDE.woff2        112.96 KB
-ESM dist/icons/chevronDown.mjs                   85.00 B
-ESM dist/AkkuratLLWeb-Thin-B3VOUNQC.woff         161.92 KB
-ESM dist/AkkuratLLWeb-ThinItalic-TLRSU3GY.woff2  112.27 KB
-ESM dist/icons/close.mjs                         115.00 B
-ESM dist/icons/spinner.mjs                       81.00 B
-ESM dist/button.mjs                              78.00 B
-ESM dist/AkkuratLLWeb-ThinItalic-VHHG6JUR.woff   160.44 KB
-ESM dist/AkkuratLLWeb-Light-EHI2GDZ3.woff2       107.88 KB
-ESM dist/AkkuratLLWeb-Light-BGKFIWYH.woff        155.01 KB
-ESM dist/AkkuratLLWeb-LightItalic-GEL2FLE3.woff2 105.68 KB
-ESM dist/AkkuratLLWeb-LightItalic-FXIWIHPX.woff  151.81 KB
-ESM dist/AkkuratLLWeb-Regular-Y25WHQIH.woff2     107.39 KB
-ESM dist/AkkuratLLWeb-Regular-M4AOR5FQ.woff      152.99 KB
-ESM dist/AkkuratLLWeb-Italic-3OFHOG35.woff2      106.87 KB
-ESM dist/AkkuratLLWeb-Italic-TXVXRVFQ.woff       153.06 KB
-ESM dist/AkkuratLLWeb-Bold-KUOGWC36.woff2        110.63 KB
-ESM dist/AkkuratLLWeb-BoldItalic-FGK4XHSY.woff2  110.59 KB
-ESM dist/AkkuratLLWeb-Bold-AXCMLMSS.woff         157.63 KB
-ESM dist/AkkuratLLWeb-Black-HD4CTN3S.woff2       112.19 KB
-ESM dist/AkkuratLLWeb-BoldItalic-QKG5TZJY.woff   157.86 KB
-ESM dist/AkkuratLLWeb-Black-22NQUHG5.woff        159.99 KB
-ESM dist/AkkuratLLWeb-BlackItalic-LV4PULUE.woff2 102.86 KB
-ESM dist/AkkuratLLWeb-BlackItalic-LRO3TGMB.woff  142.28 KB
-ESM dist/index.css                               183.39 KB
-ESM dist/chunk-3TCQU24P.mjs                      1.30 KB
-ESM dist/dialog.mjs                              241.00 B
-ESM dist/index.mjs                               728.00 B
-ESM dist/chunk-HZWJQRFF.mjs                      687.00 B
-ESM dist/chunk-X3ENFT4V.mjs                      641.00 B
-ESM dist/chunk-E7MX5GSO.mjs                      948.00 B
-ESM dist/chunk-FQPAZ7YG.mjs                      1.68 KB
-ESM dist/chunk-7U7KEXP6.mjs                      3.98 KB
-ESM dist/input.mjs                               77.00 B
-ESM dist/chunk-C2KDWV5Z.mjs                      1.58 KB
-ESM dist/modal.mjs                               147.00 B
-ESM dist/chunk-WPSSGREX.mjs                      2.32 KB
-ESM dist/pinInput.mjs                            80.00 B
-ESM dist/chunk-VSTH5YAB.mjs                      2.43 KB
-ESM dist/icons/accountWalletLogo.mjs             91.00 B
-ESM dist/chunk-ESZY3JBH.mjs                      1.15 KB
-ESM dist/icons/browser.mjs                       117.00 B
-ESM dist/chunk-Y3OSOP6I.mjs                      1.75 KB
-ESM dist/chunk-FLJKIDRT.mjs                      68.18 KB
-ESM ⚡️ Build success in 3034ms
 CJS dist/AkkuratLLWeb-Thin-HVY6MUDE.woff2        112.96 KB
+CJS dist/icons/chevronDown.js                    239.00 B
 CJS dist/AkkuratLLWeb-Thin-B3VOUNQC.woff         161.92 KB
 CJS dist/AkkuratLLWeb-ThinItalic-TLRSU3GY.woff2  112.27 KB
 CJS dist/AkkuratLLWeb-ThinItalic-VHHG6JUR.woff   160.44 KB
@@ -67,31 +23,32 @@
 CJS dist/AkkuratLLWeb-Regular-Y25WHQIH.woff2     107.39 KB
 CJS dist/AkkuratLLWeb-Regular-M4AOR5FQ.woff      152.99 KB
 CJS dist/AkkuratLLWeb-Italic-3OFHOG35.woff2      106.87 KB
-CJS dist/AkkuratLLWeb-Italic-TXVXRVFQ.woff       153.06 KB
-CJS dist/AkkuratLLWeb-Bold-KUOGWC36.woff2        110.63 KB
 CJS dist/AkkuratLLWeb-Bold-AXCMLMSS.woff         157.63 KB
+CJS dist/AkkuratLLWeb-Bold-KUOGWC36.woff2        110.63 KB
+CJS dist/AkkuratLLWeb-Italic-TXVXRVFQ.woff       153.06 KB
 CJS dist/AkkuratLLWeb-BoldItalic-FGK4XHSY.woff2  110.59 KB
 CJS dist/AkkuratLLWeb-BoldItalic-QKG5TZJY.woff   157.86 KB
-CJS dist/AkkuratLLWeb-Black-HD4CTN3S.woff2       112.19 KB
 CJS dist/AkkuratLLWeb-Black-22NQUHG5.woff        159.99 KB
-CJS dist/AkkuratLLWeb-BlackItalic-LV4PULUE.woff2 102.86 KB
-CJS dist/AkkuratLLWeb-BlackItalic-LRO3TGMB.woff  142.28 KB
-CJS dist/index.css                               183.39 KB
+CJS dist/AkkuratLLWeb-Black-HD4CTN3S.woff2       112.19 KB
 CJS dist/chunk-PKUHTIDK.js                       1.37 KB
-CJS dist/icons/chevronDown.js                    239.00 B
 CJS dist/icons/close.js                          268.00 B
+CJS dist/AkkuratLLWeb-BlackItalic-LV4PULUE.woff2 102.86 KB
+CJS dist/icons/keplr.js                          235.00 B
+CJS dist/icons/metamask.js                       241.00 B
 CJS dist/icons/spinner.js                        231.00 B
 CJS dist/button.js                               227.00 B
-CJS dist/index.js                                3.43 KB
-CJS dist/chunk-RDYVRQBK.js                       741.00 B
 CJS dist/dialog.js                               1.44 KB
+CJS dist/index.js                                3.80 KB
+CJS dist/chunk-RDYVRQBK.js                       741.00 B
 CJS dist/chunk-6HW7C2QL.js                       727.00 B
+CJS dist/chunk-YHUCPUS3.js                       4.35 KB
+CJS dist/chunk-NHBX6Q3P.js                       4.64 KB
 CJS dist/chunk-F52I65JJ.js                       1009.00 B
-CJS dist/chunk-LGJVPJX3.js                       1.74 KB
+CJS dist/chunk-GH7CBEPO.js                       1.80 KB
 CJS dist/chunk-RI4SVPGX.js                       5.34 KB
 CJS dist/input.js                                225.00 B
-CJS dist/chunk-5KA4BYO5.js                       1.67 KB
 CJS dist/modal.js                                653.00 B
+CJS dist/chunk-5KA4BYO5.js                       1.67 KB
 CJS dist/chunk-KHHFDILS.js                       2.71 KB
 CJS dist/pinInput.js                             231.00 B
 CJS dist/chunk-KOR2D6S4.js                       2.47 KB
@@ -100,9 +57,60 @@
 CJS dist/icons/browser.js                        272.00 B
 CJS dist/chunk-AEW7GOE6.js                       1.88 KB
 CJS dist/chunk-74MKQUE2.js                       68.21 KB
-CJS ⚡️ Build success in 3038ms
-DTS ⚡️ Build success in 4425ms
-DTS dist/index.d.ts                   717.00 B
+CJS dist/AkkuratLLWeb-BlackItalic-LRO3TGMB.woff  142.28 KB
+CJS dist/index.css                               183.44 KB
+CJS ⚡️ Build success in 2635ms
+ESM dist/AkkuratLLWeb-Thin-HVY6MUDE.woff2        112.96 KB
+ESM dist/AkkuratLLWeb-Thin-B3VOUNQC.woff         161.92 KB
+ESM dist/AkkuratLLWeb-ThinItalic-TLRSU3GY.woff2  112.27 KB
+ESM dist/AkkuratLLWeb-ThinItalic-VHHG6JUR.woff   160.44 KB
+ESM dist/AkkuratLLWeb-Light-EHI2GDZ3.woff2       107.88 KB
+ESM dist/AkkuratLLWeb-LightItalic-GEL2FLE3.woff2 105.68 KB
+ESM dist/AkkuratLLWeb-Light-BGKFIWYH.woff        155.01 KB
+ESM dist/AkkuratLLWeb-LightItalic-FXIWIHPX.woff  151.81 KB
+ESM dist/AkkuratLLWeb-Regular-Y25WHQIH.woff2     107.39 KB
+ESM dist/AkkuratLLWeb-Regular-M4AOR5FQ.woff      152.99 KB
+ESM dist/AkkuratLLWeb-Italic-3OFHOG35.woff2      106.87 KB
+ESM dist/AkkuratLLWeb-Italic-TXVXRVFQ.woff       153.06 KB
+ESM dist/AkkuratLLWeb-Bold-AXCMLMSS.woff         157.63 KB
+ESM dist/AkkuratLLWeb-BoldItalic-FGK4XHSY.woff2  110.59 KB
+ESM dist/AkkuratLLWeb-BoldItalic-QKG5TZJY.woff   157.86 KB
+ESM dist/AkkuratLLWeb-Black-HD4CTN3S.woff2       112.19 KB
+ESM dist/AkkuratLLWeb-Black-22NQUHG5.woff        159.99 KB
+ESM dist/AkkuratLLWeb-BlackItalic-LV4PULUE.woff2 102.86 KB
+ESM dist/AkkuratLLWeb-BlackItalic-LRO3TGMB.woff  142.28 KB
+ESM dist/index.css                               183.44 KB
+ESM dist/chunk-3TCQU24P.mjs                      1.30 KB
+ESM dist/icons/chevronDown.mjs                   85.00 B
+ESM dist/icons/close.mjs                         115.00 B
+ESM dist/icons/keplr.mjs                         83.00 B
+ESM dist/icons/metamask.mjs                      86.00 B
+ESM dist/icons/spinner.mjs                       81.00 B
+ESM dist/button.mjs                              78.00 B
+ESM dist/dialog.mjs                              241.00 B
+ESM dist/index.mjs                               831.00 B
+ESM dist/chunk-HZWJQRFF.mjs                      687.00 B
+ESM dist/chunk-X3ENFT4V.mjs                      641.00 B
+ESM dist/chunk-KZ3C2OHV.mjs                      4.38 KB
+ESM dist/chunk-BTRAYQSX.mjs                      4.18 KB
+ESM dist/chunk-E7MX5GSO.mjs                      948.00 B
+ESM dist/chunk-23GGCT3O.mjs                      1.74 KB
+ESM dist/chunk-7U7KEXP6.mjs                      3.98 KB
+ESM dist/input.mjs                               77.00 B
+ESM dist/chunk-C2KDWV5Z.mjs                      1.58 KB
+ESM dist/modal.mjs                               147.00 B
+ESM dist/chunk-WPSSGREX.mjs                      2.32 KB
+ESM dist/pinInput.mjs                            80.00 B
+ESM dist/chunk-VSTH5YAB.mjs                      2.43 KB
+ESM dist/icons/accountWalletLogo.mjs             91.00 B
+ESM dist/chunk-ESZY3JBH.mjs                      1.15 KB
+ESM dist/icons/browser.mjs                       117.00 B
+ESM dist/chunk-Y3OSOP6I.mjs                      1.75 KB
+ESM dist/chunk-FLJKIDRT.mjs                      68.18 KB
+ESM dist/AkkuratLLWeb-Bold-KUOGWC36.woff2        110.63 KB
+ESM ⚡️ Build success in 2637ms
+DTS ⚡️ Build success in 4121ms
+DTS dist/index.d.ts                   815.00 B
 DTS dist/button.d.ts                  312.00 B
 DTS dist/dialog.d.ts                  1.81 KB
 DTS dist/input.d.ts                   444.00 B
@@ -112,4 +120,6 @@
 DTS dist/icons/browser.d.ts           200.00 B
 DTS dist/icons/chevronDown.d.ts       191.00 B
 DTS dist/icons/close.d.ts             196.00 B
+DTS dist/icons/keplr.d.ts             141.00 B
+DTS dist/icons/metamask.d.ts          147.00 B
 DTS dist/icons/spinner.d.ts           138.00 B

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @burnt-labs/ui
 
+## 0.1.0-alpha.7
+
+### Minor Changes
+
+- [#109](https://github.com/burnt-labs/xion.js/pull/109) [`4594b46`](https://github.com/burnt-labs/xion.js/commit/4594b46fa3c668e02c5ccade8d3b7aae2e7c0d77) Thanks [@BurntVal](https://github.com/BurntVal)! - Impl Ethereum authenticator and signer
+
+## 0.1.0-alpha.6
+
+### Minor Changes
+
+- [#78](https://github.com/burnt-labs/xion.js/pull/78) [`6de3996`](https://github.com/burnt-labs/xion.js/commit/6de39966e4a308c740ab8e66eb00a4c1f2d479b4) Thanks [@BurntVal](https://github.com/BurntVal)! - introduce the ability to add a secp256k1 authenticator (via Keplr) and use it as a signer for transactions
+
 ## 0.1.0-alpha.5
 
 ### Minor Changes

package/dist/button.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkLGJVPJX3_js = require('./chunk-LGJVPJX3.js');
+var chunkGH7CBEPO_js = require('./chunk-GH7CBEPO.js');
 require('./chunk-PKUHTIDK.js');
 
 
 
 Object.defineProperty(exports, 'Button', {
   enumerable: true,
-  get: function () { return chunkLGJVPJX3_js.Button; }
+  get: function () { return chunkGH7CBEPO_js.Button; }
 });

package/dist/button.mjs

@@ -1,2 +1,2 @@
-export { Button } from './chunk-FQPAZ7YG.mjs';
+export { Button } from './chunk-23GGCT3O.mjs';
 import './chunk-3TCQU24P.mjs';

package/dist/{chunk-FQPAZ7YG.mjs → chunk-23GGCT3O.mjs}

@@ -28,7 +28,7 @@ var Button = (_a) => {
     }
     switch (structure) {
       case "outlined":
-        return "ui-border ui-bg-transparent ui-border-neutral-300 ui-text-white hover:ui-bg-white/5";
+        return "ui-border ui-bg-transparent ui-border-neutral-300 ui-border-opacity-50 ui-text-white hover:ui-bg-white/5";
       case "naked":
         return "ui-border-none ui-bg-transparent ui-text-white ui-underline ui-font-normal";
       case "destructive":
@@ -40,7 +40,7 @@ var Button = (_a) => {
   return /* @__PURE__ */ jsx(
     "button",
     __spreadProps(__spreadValues({
-      className: `ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
+      className: `ui-flex ui-items-center ui-justify-center ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
     }, props), {
       children
     })

package/dist/chunk-BTRAYQSX.mjs

@@ -0,0 +1,133 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/icons/metamask.tsx
+function MetamaskLogo() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      id: "Layer_1",
+      x: "0",
+      y: "0",
+      width: "24",
+      height: "24",
+      version: "1.1",
+      viewBox: "0 0 318.6 318.6",
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `
+        .st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}
+      ` }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#e2761b",
+            stroke: "#e2761b",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m274.1 35.5-99.5 73.9L193 65.8z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z",
+            className: "st1"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z",
+            className: "st1"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#d7c1b3",
+            stroke: "#d7c1b3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#233447",
+            stroke: "#233447",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#cd6116",
+            stroke: "#cd6116",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#e4751f",
+            stroke: "#e4751f",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z",
+            className: "st6"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#c0ad9e",
+            stroke: "#c0ad9e",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#161616",
+            stroke: "#161616",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#763d16",
+            stroke: "#763d16",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z",
+            className: "st6"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { MetamaskLogo };

package/dist/{chunk-LGJVPJX3.js → chunk-GH7CBEPO.js}

@@ -30,7 +30,7 @@ var Button = (_a) => {
     }
     switch (structure) {
       case "outlined":
-        return "ui-border ui-bg-transparent ui-border-neutral-300 ui-text-white hover:ui-bg-white/5";
+        return "ui-border ui-bg-transparent ui-border-neutral-300 ui-border-opacity-50 ui-text-white hover:ui-bg-white/5";
       case "naked":
         return "ui-border-none ui-bg-transparent ui-text-white ui-underline ui-font-normal";
       case "destructive":
@@ -42,7 +42,7 @@ var Button = (_a) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     chunkPKUHTIDK_js.__spreadProps(chunkPKUHTIDK_js.__spreadValues({
-      className: `ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
+      className: `ui-flex ui-items-center ui-justify-center ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
     }, props), {
       children
     })

package/dist/chunk-KZ3C2OHV.mjs

@@ -0,0 +1,119 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/icons/keplr.tsx
+function KeplrLogo() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 42 42",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_425_5107)", children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint0_linear_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint1_radial_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint2_radial_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint3_radial_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M17.2526 32.2614V22.5192L26.7185 32.2614H31.9849V32.0079L21.0964 20.9122L31.1469 10.3857V10.2614H25.8464L17.2526 19.5635V10.2614H12.9849V32.2614H17.2526Z",
+              fill: "white"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_425_5107",
+              x1: "21",
+              y1: "0",
+              x2: "21",
+              y2: "42",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#1FD1FF" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB8FF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: "paint1_radial_425_5107",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(2.00623 40.4086) rotate(-45.1556) scale(67.3547 68.3624)",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#232DE3" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#232DE3", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: "paint2_radial_425_5107",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(39.7379 41.7602) rotate(-138.45) scale(42.1137 64.2116)",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#8B4DFF" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#8B4DFF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: "paint3_radial_425_5107",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(20.6501 0.311498) rotate(90) scale(33.1135 80.3423)",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#24D5FF" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB8FF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("clipPath", { id: "clip0_425_5107", children: /* @__PURE__ */ jsx("rect", { width: "42", height: "42", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+export { KeplrLogo };

package/dist/chunk-NHBX6Q3P.js

@@ -0,0 +1,121 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/icons/keplr.tsx
+function KeplrLogo() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 42 42",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_425_5107)", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint0_linear_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint1_radial_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint2_radial_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z",
+              fill: "url(#paint3_radial_425_5107)"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M17.2526 32.2614V22.5192L26.7185 32.2614H31.9849V32.0079L21.0964 20.9122L31.1469 10.3857V10.2614H25.8464L17.2526 19.5635V10.2614H12.9849V32.2614H17.2526Z",
+              fill: "white"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_425_5107",
+              x1: "21",
+              y1: "0",
+              x2: "21",
+              y2: "42",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#1FD1FF" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#1BB8FF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "radialGradient",
+            {
+              id: "paint1_radial_425_5107",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(2.00623 40.4086) rotate(-45.1556) scale(67.3547 68.3624)",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#232DE3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#232DE3", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "radialGradient",
+            {
+              id: "paint2_radial_425_5107",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(39.7379 41.7602) rotate(-138.45) scale(42.1137 64.2116)",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#8B4DFF" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#8B4DFF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "radialGradient",
+            {
+              id: "paint3_radial_425_5107",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(20.6501 0.311498) rotate(90) scale(33.1135 80.3423)",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#24D5FF" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#1BB8FF", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_425_5107", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "42", height: "42", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+exports.KeplrLogo = KeplrLogo;

package/dist/chunk-YHUCPUS3.js

@@ -0,0 +1,135 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/icons/metamask.tsx
+function MetamaskLogo() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      id: "Layer_1",
+      x: "0",
+      y: "0",
+      width: "24",
+      height: "24",
+      version: "1.1",
+      viewBox: "0 0 318.6 318.6",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        .st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}
+      ` }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#e2761b",
+            stroke: "#e2761b",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m274.1 35.5-99.5 73.9L193 65.8z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z",
+            className: "st1"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z",
+            className: "st1"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#d7c1b3",
+            stroke: "#d7c1b3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#233447",
+            stroke: "#233447",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#cd6116",
+            stroke: "#cd6116",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#e4751f",
+            stroke: "#e4751f",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z",
+            className: "st6"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#c0ad9e",
+            stroke: "#c0ad9e",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#161616",
+            stroke: "#161616",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fill: "#763d16",
+            stroke: "#763d16",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z",
+            className: "st6"
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.MetamaskLogo = MetamaskLogo;

package/dist/icons/keplr.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function KeplrLogo(): react_jsx_runtime.JSX.Element;
+
+export { KeplrLogo };

package/dist/icons/keplr.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkNHBX6Q3P_js = require('../chunk-NHBX6Q3P.js');
+require('../chunk-PKUHTIDK.js');
+
+
+
+Object.defineProperty(exports, 'KeplrLogo', {
+  enumerable: true,
+  get: function () { return chunkNHBX6Q3P_js.KeplrLogo; }
+});

package/dist/icons/keplr.mjs

@@ -0,0 +1,2 @@
+export { KeplrLogo } from '../chunk-KZ3C2OHV.mjs';
+import '../chunk-3TCQU24P.mjs';

package/dist/icons/metamask.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function MetamaskLogo(): react_jsx_runtime.JSX.Element;
+
+export { MetamaskLogo };

package/dist/icons/metamask.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkYHUCPUS3_js = require('../chunk-YHUCPUS3.js');
+require('../chunk-PKUHTIDK.js');
+
+
+
+Object.defineProperty(exports, 'MetamaskLogo', {
+  enumerable: true,
+  get: function () { return chunkYHUCPUS3_js.MetamaskLogo; }
+});

package/dist/icons/metamask.mjs

@@ -0,0 +1,2 @@
+export { MetamaskLogo } from '../chunk-BTRAYQSX.mjs';
+import '../chunk-3TCQU24P.mjs';

package/dist/index.css

@@ -529,6 +529,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(82 82 91 / var(--tw-border-opacity));
 }
+.ui-border-opacity-50 {
+  --tw-border-opacity: 0.5;
+}
 .ui-bg-black\/20 {
   background-color: rgb(0 0 0 / 0.2);
 }

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { CloseIcon } from './icons/close.js';
 export { AccountWalletLogo } from './icons/accountWalletLogo.js';
 export { Spinner } from './icons/spinner.js';
 export { BrowserIcon } from './icons/browser.js';
+export { KeplrLogo } from './icons/keplr.js';
+export { MetamaskLogo } from './icons/metamask.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@radix-ui/react-dialog';

package/dist/index.js

@@ -2,8 +2,10 @@
 
 var chunkRDYVRQBK_js = require('./chunk-RDYVRQBK.js');
 var chunk6HW7C2QL_js = require('./chunk-6HW7C2QL.js');
+var chunkNHBX6Q3P_js = require('./chunk-NHBX6Q3P.js');
+var chunkYHUCPUS3_js = require('./chunk-YHUCPUS3.js');
 var chunkF52I65JJ_js = require('./chunk-F52I65JJ.js');
-var chunkLGJVPJX3_js = require('./chunk-LGJVPJX3.js');
+var chunkGH7CBEPO_js = require('./chunk-GH7CBEPO.js');
 var chunkRI4SVPGX_js = require('./chunk-RI4SVPGX.js');
 var chunk5KA4BYO5_js = require('./chunk-5KA4BYO5.js');
 var chunkKHHFDILS_js = require('./chunk-KHHFDILS.js');
@@ -23,13 +25,21 @@ Object.defineProperty(exports, 'CloseIcon', {
   enumerable: true,
   get: function () { return chunk6HW7C2QL_js.CloseIcon; }
 });
+Object.defineProperty(exports, 'KeplrLogo', {
+  enumerable: true,
+  get: function () { return chunkNHBX6Q3P_js.KeplrLogo; }
+});
+Object.defineProperty(exports, 'MetamaskLogo', {
+  enumerable: true,
+  get: function () { return chunkYHUCPUS3_js.MetamaskLogo; }
+});
 Object.defineProperty(exports, 'Spinner', {
   enumerable: true,
   get: function () { return chunkF52I65JJ_js.Spinner; }
 });
 Object.defineProperty(exports, 'Button', {
   enumerable: true,
-  get: function () { return chunkLGJVPJX3_js.Button; }
+  get: function () { return chunkGH7CBEPO_js.Button; }
 });
 Object.defineProperty(exports, 'Dialog', {
   enumerable: true,

package/dist/index.mjs

@@ -1,7 +1,9 @@
 export { ChevronDown } from './chunk-HZWJQRFF.mjs';
 export { CloseIcon } from './chunk-X3ENFT4V.mjs';
+export { KeplrLogo } from './chunk-KZ3C2OHV.mjs';
+export { MetamaskLogo } from './chunk-BTRAYQSX.mjs';
 export { Spinner } from './chunk-E7MX5GSO.mjs';
-export { Button } from './chunk-FQPAZ7YG.mjs';
+export { Button } from './chunk-23GGCT3O.mjs';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-7U7KEXP6.mjs';
 export { Input } from './chunk-C2KDWV5Z.mjs';
 export { Modal, ModalAnchor, ModalClose, ModalSection } from './chunk-WPSSGREX.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burnt-labs/ui",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-alpha.7",
   "sideEffects": [
     "**/*.css"
   ],

package/src/button.tsx

@@ -29,7 +29,7 @@ export const Button: React.FC<ButtonProps> = ({
 
     switch (structure) {
       case "outlined":
-        return "ui-border ui-bg-transparent ui-border-neutral-300 ui-text-white hover:ui-bg-white/5";
+        return "ui-border ui-bg-transparent ui-border-neutral-300 ui-border-opacity-50 ui-text-white hover:ui-bg-white/5";
       case "naked":
         return "ui-border-none ui-bg-transparent ui-text-white ui-underline ui-font-normal";
       case "destructive":
@@ -41,7 +41,7 @@ export const Button: React.FC<ButtonProps> = ({
 
   return (
     <button
-      className={`ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${
+      className={`ui-flex ui-items-center ui-justify-center ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${
         fullWidth ? "ui-w-full" : ""
       } ${getButtonClasses()}`}
       {...props}

package/src/icons/keplr.tsx

@@ -0,0 +1,83 @@
+export function KeplrLogo() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 42 42"
+      fill="none"
+    >
+      <g clipPath="url(#clip0_425_5107)">
+        <path
+          d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z"
+          fill="url(#paint0_linear_425_5107)"
+        />
+        <path
+          d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z"
+          fill="url(#paint1_radial_425_5107)"
+        />
+        <path
+          d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z"
+          fill="url(#paint2_radial_425_5107)"
+        />
+        <path
+          d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z"
+          fill="url(#paint3_radial_425_5107)"
+        />
+        <path
+          d="M17.2526 32.2614V22.5192L26.7185 32.2614H31.9849V32.0079L21.0964 20.9122L31.1469 10.3857V10.2614H25.8464L17.2526 19.5635V10.2614H12.9849V32.2614H17.2526Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_425_5107"
+          x1="21"
+          y1="0"
+          x2="21"
+          y2="42"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#1FD1FF" />
+          <stop offset="1" stopColor="#1BB8FF" />
+        </linearGradient>
+        <radialGradient
+          id="paint1_radial_425_5107"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(2.00623 40.4086) rotate(-45.1556) scale(67.3547 68.3624)"
+        >
+          <stop stopColor="#232DE3" />
+          <stop offset="1" stopColor="#232DE3" stopOpacity="0" />
+        </radialGradient>
+        <radialGradient
+          id="paint2_radial_425_5107"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(39.7379 41.7602) rotate(-138.45) scale(42.1137 64.2116)"
+        >
+          <stop stopColor="#8B4DFF" />
+          <stop offset="1" stopColor="#8B4DFF" stopOpacity="0" />
+        </radialGradient>
+        <radialGradient
+          id="paint3_radial_425_5107"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(20.6501 0.311498) rotate(90) scale(33.1135 80.3423)"
+        >
+          <stop stopColor="#24D5FF" />
+          <stop offset="1" stopColor="#1BB8FF" stopOpacity="0" />
+        </radialGradient>
+        <clipPath id="clip0_425_5107">
+          <rect width="42" height="42" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}

package/src/icons/metamask.tsx

@@ -0,0 +1,92 @@
+export function MetamaskLogo() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      id="Layer_1"
+      x="0"
+      y="0"
+      width="24"
+      height="24"
+      version="1.1"
+      viewBox="0 0 318.6 318.6"
+    >
+      <style>
+        {`
+        .st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}
+      `}
+      </style>
+      <path
+        fill="#e2761b"
+        stroke="#e2761b"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m274.1 35.5-99.5 73.9L193 65.8z"
+      />
+      <path
+        d="m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z"
+        className="st1"
+      />
+      <path
+        d="m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z"
+        className="st1"
+      />
+      <path
+        fill="#d7c1b3"
+        stroke="#d7c1b3"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
+      />
+      <path
+        fill="#233447"
+        stroke="#233447"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
+      />
+      <path
+        fill="#cd6116"
+        stroke="#cd6116"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
+      />
+      <path
+        fill="#e4751f"
+        stroke="#e4751f"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
+      />
+      <path
+        d="m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z"
+        className="st6"
+      />
+      <path
+        fill="#c0ad9e"
+        stroke="#c0ad9e"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
+      />
+      <path
+        fill="#161616"
+        stroke="#161616"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
+      />
+      <path
+        fill="#763d16"
+        stroke="#763d16"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
+      />
+      <path
+        d="m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z"
+        className="st6"
+      />
+    </svg>
+  );
+}

package/src/index.tsx

@@ -14,3 +14,5 @@ export * from "./icons/close";
 export * from "./icons/accountWalletLogo";
 export * from "./icons/spinner";
 export * from "./icons/browser";
+export * from "./icons/keplr";
+export * from "./icons/metamask";