@d13co/use-wallet-ui-react 1.0.0 → 1.0.2

package/dist/style.css

@@ -24,6 +24,9 @@
   --font-weight-normal: 400;
   --font-weight-medium: 500;
   --font-weight-bold: 700;
+  --tracking-wide: 0.025em;
+  --leading-relaxed: 1.625;
+  --radius-xs: 0.125rem;
   --radius-sm: 0.25rem;
   --radius-md: 0.375rem;
   --radius-lg: 0.5rem;
@@ -31,6 +34,7 @@
   --radius-2xl: 1rem;
   --radius-3xl: 1.5rem;
   --ease-in: cubic-bezier(0.4, 0, 1, 1);
+  --ease-out: cubic-bezier(0, 0, 0.2, 1);
   --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
   --animate-spin: spin 1s linear infinite;
   --default-transition-duration: 150ms;
@@ -168,6 +172,9 @@
 [data-wallet-ui].right-0, [data-wallet-ui] .right-0 {
   right: calc(var(--spacing) * 0);
 }
+[data-wallet-ui].right-2, [data-wallet-ui] .right-2 {
+  right: calc(var(--spacing) * 2);
+}
 [data-wallet-ui].right-4, [data-wallet-ui] .right-4 {
   right: calc(var(--spacing) * 4);
 }
@@ -195,15 +202,27 @@
 [data-wallet-ui].\!my-4, [data-wallet-ui] .\!my-4 {
   margin-block: calc(var(--spacing) * 4) !important;
 }
+[data-wallet-ui].my-auto, [data-wallet-ui] .my-auto {
+  margin-block: auto;
+}
+[data-wallet-ui].-mt-0\.5, [data-wallet-ui] .-mt-0\.5 {
+  margin-top: calc(var(--spacing) * -0.5);
+}
 [data-wallet-ui].mt-0\.5, [data-wallet-ui] .mt-0\.5 {
   margin-top: calc(var(--spacing) * 0.5);
 }
 [data-wallet-ui].mt-1, [data-wallet-ui] .mt-1 {
   margin-top: calc(var(--spacing) * 1);
 }
+[data-wallet-ui].mt-1\.5, [data-wallet-ui] .mt-1\.5 {
+  margin-top: calc(var(--spacing) * 1.5);
+}
 [data-wallet-ui].mt-2, [data-wallet-ui] .mt-2 {
   margin-top: calc(var(--spacing) * 2);
 }
+[data-wallet-ui].mt-6, [data-wallet-ui] .mt-6 {
+  margin-top: calc(var(--spacing) * 6);
+}
 [data-wallet-ui].mr-1, [data-wallet-ui] .mr-1 {
   margin-right: calc(var(--spacing) * 1);
 }
@@ -213,9 +232,15 @@
 [data-wallet-ui].mr-2, [data-wallet-ui] .mr-2 {
   margin-right: calc(var(--spacing) * 2);
 }
+[data-wallet-ui].mr-3, [data-wallet-ui] .mr-3 {
+  margin-right: calc(var(--spacing) * 3);
+}
 [data-wallet-ui].mb-1, [data-wallet-ui] .mb-1 {
   margin-bottom: calc(var(--spacing) * 1);
 }
+[data-wallet-ui].mb-1\.5, [data-wallet-ui] .mb-1\.5 {
+  margin-bottom: calc(var(--spacing) * 1.5);
+}
 [data-wallet-ui].mb-2, [data-wallet-ui] .mb-2 {
   margin-bottom: calc(var(--spacing) * 2);
 }
@@ -231,9 +256,15 @@
 [data-wallet-ui].ml-0\.5, [data-wallet-ui] .ml-0\.5 {
   margin-left: calc(var(--spacing) * 0.5);
 }
+[data-wallet-ui].ml-1, [data-wallet-ui] .ml-1 {
+  margin-left: calc(var(--spacing) * 1);
+}
 [data-wallet-ui].ml-1\.5, [data-wallet-ui] .ml-1\.5 {
   margin-left: calc(var(--spacing) * 1.5);
 }
+[data-wallet-ui].ml-2, [data-wallet-ui] .ml-2 {
+  margin-left: calc(var(--spacing) * 2);
+}
 [data-wallet-ui].ml-auto, [data-wallet-ui] .ml-auto {
   margin-left: auto;
 }
@@ -252,6 +283,9 @@
 [data-wallet-ui].inline-block, [data-wallet-ui] .inline-block {
   display: inline-block;
 }
+[data-wallet-ui].inline-flex, [data-wallet-ui] .inline-flex {
+  display: inline-flex;
+}
 [data-wallet-ui].h-3, [data-wallet-ui] .h-3 {
   height: calc(var(--spacing) * 3);
 }
@@ -279,12 +313,18 @@
 [data-wallet-ui].h-12, [data-wallet-ui] .h-12 {
   height: calc(var(--spacing) * 12);
 }
+[data-wallet-ui].h-fit, [data-wallet-ui] .h-fit {
+  height: fit-content;
+}
 [data-wallet-ui].max-h-60, [data-wallet-ui] .max-h-60 {
   max-height: calc(var(--spacing) * 60);
 }
 [data-wallet-ui].max-h-80, [data-wallet-ui] .max-h-80 {
   max-height: calc(var(--spacing) * 80);
 }
+[data-wallet-ui].max-h-\[200px\], [data-wallet-ui] .max-h-\[200px\] {
+  max-height: 200px;
+}
 [data-wallet-ui].max-h-full, [data-wallet-ui] .max-h-full {
   max-height: 100%;
 }
@@ -315,6 +355,9 @@
 [data-wallet-ui].w-12, [data-wallet-ui] .w-12 {
   width: calc(var(--spacing) * 12);
 }
+[data-wallet-ui].w-\[120px\], [data-wallet-ui] .w-\[120px\] {
+  width: 120px;
+}
 [data-wallet-ui].w-full, [data-wallet-ui] .w-full {
   width: 100%;
 }
@@ -430,6 +473,9 @@
 [data-wallet-ui].self-center, [data-wallet-ui] .self-center {
   align-self: center;
 }
+[data-wallet-ui].self-end, [data-wallet-ui] .self-end {
+  align-self: flex-end;
+}
 [data-wallet-ui].justify-self-end, [data-wallet-ui] .justify-self-end {
   justify-self: flex-end;
 }
@@ -471,6 +517,9 @@
 [data-wallet-ui].rounded-xl, [data-wallet-ui] .rounded-xl {
   border-radius: var(--radius-xl);
 }
+[data-wallet-ui].rounded-xs, [data-wallet-ui] .rounded-xs {
+  border-radius: var(--radius-xs);
+}
 [data-wallet-ui].border, [data-wallet-ui] .border {
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -479,6 +528,10 @@
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
+[data-wallet-ui].border-b, [data-wallet-ui] .border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
 [data-wallet-ui].border-\[var\(--wui-color-border\)\], [data-wallet-ui] .border-\[var\(--wui-color-border\)\] {
   border-color: var(--wui-color-border);
 }
@@ -593,9 +646,15 @@
 [data-wallet-ui].pr-9, [data-wallet-ui] .pr-9 {
   padding-right: calc(var(--spacing) * 9);
 }
+[data-wallet-ui].pr-12, [data-wallet-ui] .pr-12 {
+  padding-right: calc(var(--spacing) * 12);
+}
 [data-wallet-ui].pb-1, [data-wallet-ui] .pb-1 {
   padding-bottom: calc(var(--spacing) * 1);
 }
+[data-wallet-ui].pb-2\.5, [data-wallet-ui] .pb-2\.5 {
+  padding-bottom: calc(var(--spacing) * 2.5);
+}
 [data-wallet-ui].pb-3, [data-wallet-ui] .pb-3 {
   padding-bottom: calc(var(--spacing) * 3);
 }
@@ -649,10 +708,17 @@
   font-size: var(--text-xs);
   line-height: var(--tw-leading, var(--text-xs--line-height));
 }
+[data-wallet-ui].text-\[10px\], [data-wallet-ui] .text-\[10px\] {
+  font-size: 10px;
+}
 [data-wallet-ui].leading-none, [data-wallet-ui] .leading-none {
   --tw-leading: 1;
   line-height: 1;
 }
+[data-wallet-ui].leading-relaxed, [data-wallet-ui] .leading-relaxed {
+  --tw-leading: var(--leading-relaxed);
+  line-height: var(--leading-relaxed);
+}
 [data-wallet-ui].font-bold, [data-wallet-ui] .font-bold {
   --tw-font-weight: var(--font-weight-bold);
   font-weight: var(--font-weight-bold);
@@ -665,9 +731,16 @@
   --tw-font-weight: var(--font-weight-normal);
   font-weight: var(--font-weight-normal);
 }
+[data-wallet-ui].tracking-wide, [data-wallet-ui] .tracking-wide {
+  --tw-tracking: var(--tracking-wide);
+  letter-spacing: var(--tracking-wide);
+}
 [data-wallet-ui].break-all, [data-wallet-ui] .break-all {
   word-break: break-all;
 }
+[data-wallet-ui].whitespace-nowrap, [data-wallet-ui] .whitespace-nowrap {
+  white-space: nowrap;
+}
 [data-wallet-ui].text-\[var\(--wui-color-danger-text\)\], [data-wallet-ui] .text-\[var\(--wui-color-danger-text\)\] {
   color: var(--wui-color-danger-text);
 }
@@ -701,6 +774,16 @@
 [data-wallet-ui].text-white, [data-wallet-ui] .text-white {
   color: var(--color-white);
 }
+[data-wallet-ui].uppercase, [data-wallet-ui] .uppercase {
+  text-transform: uppercase;
+}
+[data-wallet-ui].tabular-nums, [data-wallet-ui] .tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+}
+[data-wallet-ui].accent-\[var\(--wui-color-primary\)\], [data-wallet-ui] .accent-\[var\(--wui-color-primary\)\] {
+  accent-color: var(--wui-color-primary);
+}
 [data-wallet-ui].opacity-25, [data-wallet-ui] .opacity-25 {
   opacity: 25%;
 }
@@ -769,6 +852,10 @@
   --tw-ease: var(--ease-in-out);
   transition-timing-function: var(--ease-in-out);
 }
+[data-wallet-ui].ease-out, [data-wallet-ui] .ease-out {
+  --tw-ease: var(--ease-out);
+  transition-timing-function: var(--ease-out);
+}
 [data-wallet-ui].select-none, [data-wallet-ui] .select-none {
   -webkit-user-select: none;
   user-select: none;
@@ -789,6 +876,19 @@
     color: var(--wui-color-text-tertiary);
   }
 }
+[data-wallet-ui].last\:border-b-0, [data-wallet-ui] .last\:border-b-0 {
+  &:last-child {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
+}
+[data-wallet-ui].hover\:border-\[var\(--wui-color-text-tertiary\)\], [data-wallet-ui] .hover\:border-\[var\(--wui-color-text-tertiary\)\] {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--wui-color-text-tertiary);
+    }
+  }
+}
 [data-wallet-ui].hover\:bg-\[var\(--wui-color-bg-hover\)\], [data-wallet-ui] .hover\:bg-\[var\(--wui-color-bg-hover\)\] {
   &:hover {
     @media (hover: hover) {
@@ -1044,6 +1144,30 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -1202,6 +1326,12 @@
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d13co/use-wallet-ui-react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "React components for use-wallet UI",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -53,27 +53,30 @@
     "pnpm": ">=9"
   },
   "peerDependencies": {
+    "@d13co/liquid-ui": "^0.0.1",
     "@d13co/use-wallet-react": "^4.0.1",
     "liquid-accounts-evm": ">=0.0.1",
     "react": "^18 || ^19",
-    "react-dom": "^18 || ^19",
-    "@d13co/liquid-ui": "0.0.1"
+    "react-dom": "^18 || ^19"
   },
   "dependencies": {
+    "@algorandfoundation/algokit-utils": "^9.2.0",
+    "@d13co/open-in": "^0.1.0",
     "@floating-ui/react": "0.27.17",
     "@headlessui/react": "2.2.9",
     "@tanstack/react-query": "5.90.21",
-    "@txnlab/utils-ts": "0.1.0",
+    "@d13co/utils-ts": "0.1.0",
+    "abel-ghost-sdk": "^0.0.5",
     "clsx": "2.1.1",
     "tailwind-merge": "3.4.1"
   },
   "devDependencies": {
-    "liquid-accounts-evm": "link:../../../evm-sdk",
     "@tailwindcss/cli": "4.1.18",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitest/coverage-v8": "3.2.4",
     "algosdk": "3.5.2",
+    "liquid-accounts-evm": "link:../../../evm-sdk",
     "publint": "0.3.17",
     "react": "19.2.4",
     "react-dom": "19.2.4",