@txnlab/use-wallet-ui-react 0.2.1 → 0.2.3

package/dist/style.css

@@ -199,34 +199,34 @@
     all: revert-layer;
   }
 }
-.absolute {
+[data-wallet-ui] .absolute {
   position: absolute;
 }
-.relative {
+[data-wallet-ui] .relative {
   position: relative;
 }
-.inset-y-0 {
+[data-wallet-ui] .inset-y-0 {
   inset-block: calc(var(--spacing) * 0);
 }
-.right-0 {
+[data-wallet-ui] .right-0 {
   right: calc(var(--spacing) * 0);
 }
-.right-4 {
+[data-wallet-ui] .right-4 {
   right: calc(var(--spacing) * 4);
 }
-.z-10 {
+[data-wallet-ui] .z-10 {
   z-index: 10;
 }
-.z-50 {
+[data-wallet-ui] .z-50 {
   z-index: 50;
 }
-.col-start-1 {
+[data-wallet-ui] .col-start-1 {
   grid-column-start: 1;
 }
-.row-start-1 {
+[data-wallet-ui] .row-start-1 {
   grid-row-start: 1;
 }
-.container {
+[data-wallet-ui] .container {
   width: 100%;
   @media (width >= 40rem) {
     max-width: 40rem;
@@ -244,572 +244,575 @@
     max-width: 96rem;
   }
 }
-.mt-0\.5 {
+[data-wallet-ui] .mt-0\.5 {
   margin-top: calc(var(--spacing) * 0.5);
 }
-.mt-1 {
+[data-wallet-ui] .mt-1 {
   margin-top: calc(var(--spacing) * 1);
 }
-.mt-2 {
+[data-wallet-ui] .mt-2 {
   margin-top: calc(var(--spacing) * 2);
 }
-.mr-1 {
+[data-wallet-ui] .mr-1 {
   margin-right: calc(var(--spacing) * 1);
 }
-.mr-1\.5 {
+[data-wallet-ui] .mr-1\.5 {
   margin-right: calc(var(--spacing) * 1.5);
 }
-.mb-1 {
+[data-wallet-ui] .mb-1 {
   margin-bottom: calc(var(--spacing) * 1);
 }
-.mb-2 {
+[data-wallet-ui] .mb-2 {
   margin-bottom: calc(var(--spacing) * 2);
 }
-.mb-3 {
+[data-wallet-ui] .mb-3 {
   margin-bottom: calc(var(--spacing) * 3);
 }
-.mb-4 {
+[data-wallet-ui] .mb-4 {
   margin-bottom: calc(var(--spacing) * 4);
 }
-.ml-0\.5 {
+[data-wallet-ui] .ml-0\.5 {
   margin-left: calc(var(--spacing) * 0.5);
 }
-.ml-1\.5 {
+[data-wallet-ui] .ml-1\.5 {
   margin-left: calc(var(--spacing) * 1.5);
 }
-.block {
+[data-wallet-ui] .block {
   display: block;
 }
-.flex {
+[data-wallet-ui] .flex {
   display: flex;
 }
-.grid {
+[data-wallet-ui] .grid {
   display: grid;
 }
-.hidden {
+[data-wallet-ui] .hidden {
   display: none;
 }
-.inline-block {
+[data-wallet-ui] .inline-block {
   display: inline-block;
 }
-.h-3 {
+[data-wallet-ui] .h-3 {
   height: calc(var(--spacing) * 3);
 }
-.h-4 {
+[data-wallet-ui] .h-4 {
   height: calc(var(--spacing) * 4);
 }
-.h-5 {
+[data-wallet-ui] .h-5 {
   height: calc(var(--spacing) * 5);
 }
-.h-6 {
+[data-wallet-ui] .h-6 {
   height: calc(var(--spacing) * 6);
 }
-.h-8 {
+[data-wallet-ui] .h-8 {
   height: calc(var(--spacing) * 8);
 }
-.h-12 {
+[data-wallet-ui] .h-12 {
   height: calc(var(--spacing) * 12);
 }
-.max-h-60 {
+[data-wallet-ui] .max-h-60 {
   max-height: calc(var(--spacing) * 60);
 }
-.max-h-full {
+[data-wallet-ui] .max-h-full {
   max-height: 100%;
 }
-.w-3 {
+[data-wallet-ui] .w-3 {
   width: calc(var(--spacing) * 3);
 }
-.w-4 {
+[data-wallet-ui] .w-4 {
   width: calc(var(--spacing) * 4);
 }
-.w-5 {
+[data-wallet-ui] .w-5 {
   width: calc(var(--spacing) * 5);
 }
-.w-6 {
+[data-wallet-ui] .w-6 {
   width: calc(var(--spacing) * 6);
 }
-.w-8 {
+[data-wallet-ui] .w-8 {
   width: calc(var(--spacing) * 8);
 }
-.w-12 {
+[data-wallet-ui] .w-12 {
   width: calc(var(--spacing) * 12);
 }
-.w-80 {
+[data-wallet-ui] .w-80 {
   width: calc(var(--spacing) * 80);
 }
-.w-full {
+[data-wallet-ui] .w-full {
   width: 100%;
 }
-.max-w-\[160px\] {
+[data-wallet-ui] .max-w-\[160px\] {
   max-width: 160px;
 }
-.max-w-\[220px\] {
+[data-wallet-ui] .max-w-\[220px\] {
   max-width: 220px;
 }
-.max-w-full {
+[data-wallet-ui] .max-w-full {
   max-width: 100%;
 }
-.max-w-sm {
+[data-wallet-ui] .max-w-sm {
   max-width: var(--container-sm);
 }
-.flex-1 {
+[data-wallet-ui] .flex-1 {
   flex: 1;
 }
-.flex-shrink-0 {
+[data-wallet-ui] .flex-shrink-0 {
   flex-shrink: 0;
 }
-.transform {
+[data-wallet-ui] .transform {
   transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
 }
-.cursor-default {
+[data-wallet-ui] .cursor-default {
   cursor: default;
 }
-.grid-cols-1 {
+[data-wallet-ui] .cursor-pointer {
+  cursor: pointer;
+}
+[data-wallet-ui] .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-.place-items-center {
+[data-wallet-ui] .place-items-center {
   place-items: center;
 }
-.items-center {
+[data-wallet-ui] .items-center {
   align-items: center;
 }
-.justify-between {
+[data-wallet-ui] .justify-between {
   justify-content: space-between;
 }
-.justify-center {
+[data-wallet-ui] .justify-center {
   justify-content: center;
 }
-.gap-1 {
+[data-wallet-ui] .gap-1 {
   gap: calc(var(--spacing) * 1);
 }
-.gap-2 {
+[data-wallet-ui] .gap-2 {
   gap: calc(var(--spacing) * 2);
 }
-.gap-3 {
+[data-wallet-ui] .gap-3 {
   gap: calc(var(--spacing) * 3);
 }
-.space-y-1\.5 {
+[data-wallet-ui] .space-y-1\.5 {
   :where(& > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
   }
 }
-.self-center {
+[data-wallet-ui] .self-center {
   align-self: center;
 }
-.justify-self-end {
+[data-wallet-ui] .justify-self-end {
   justify-self: flex-end;
 }
-.truncate {
+[data-wallet-ui] .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.overflow-auto {
+[data-wallet-ui] .overflow-auto {
   overflow: auto;
 }
-.overflow-hidden {
+[data-wallet-ui] .overflow-hidden {
   overflow: hidden;
 }
-.rounded {
+[data-wallet-ui] .rounded {
   border-radius: 0.25rem;
 }
-.rounded-3xl {
+[data-wallet-ui] .rounded-3xl {
   border-radius: var(--radius-3xl);
 }
-.rounded-full {
+[data-wallet-ui] .rounded-full {
   border-radius: calc(infinity * 1px);
 }
-.rounded-lg {
+[data-wallet-ui] .rounded-lg {
   border-radius: var(--radius-lg);
 }
-.rounded-md {
+[data-wallet-ui] .rounded-md {
   border-radius: var(--radius-md);
 }
-.rounded-xl {
+[data-wallet-ui] .rounded-xl {
   border-radius: var(--radius-xl);
 }
-.border {
+[data-wallet-ui] .border {
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
-.border-2 {
+[data-wallet-ui] .border-2 {
   border-style: var(--tw-border-style);
   border-width: 2px;
 }
-.border-t {
+[data-wallet-ui] .border-t {
   border-top-style: var(--tw-border-style);
   border-top-width: 1px;
 }
-.border-gray-200 {
+[data-wallet-ui] .border-gray-200 {
   border-color: var(--color-gray-200);
 }
-.border-gray-300 {
+[data-wallet-ui] .border-gray-300 {
   border-color: var(--color-gray-300);
 }
-.border-green-500 {
+[data-wallet-ui] .border-green-500 {
   border-color: var(--color-green-500);
 }
-.bg-\[\#2D2DF1\] {
+[data-wallet-ui] .bg-\[\#2D2DF1\] {
   background-color: #2D2DF1;
 }
-.bg-black\/30 {
+[data-wallet-ui] .bg-black\/30 {
   background-color: color-mix(in srgb, #000 30%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
     background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
   }
 }
-.bg-blue-500 {
+[data-wallet-ui] .bg-blue-500 {
   background-color: var(--color-blue-500);
 }
-.bg-gray-50 {
+[data-wallet-ui] .bg-gray-50 {
   background-color: var(--color-gray-50);
 }
-.bg-gray-100 {
+[data-wallet-ui] .bg-gray-100 {
   background-color: var(--color-gray-100);
 }
-.bg-gray-200 {
+[data-wallet-ui] .bg-gray-200 {
   background-color: var(--color-gray-200);
 }
-.bg-red-100 {
+[data-wallet-ui] .bg-red-100 {
   background-color: var(--color-red-100);
 }
-.bg-white {
+[data-wallet-ui] .bg-white {
   background-color: var(--color-white);
 }
-.object-contain {
+[data-wallet-ui] .object-contain {
   object-fit: contain;
 }
-.p-2 {
+[data-wallet-ui] .p-2 {
   padding: calc(var(--spacing) * 2);
 }
-.p-3 {
+[data-wallet-ui] .p-3 {
   padding: calc(var(--spacing) * 3);
 }
-.p-4 {
+[data-wallet-ui] .p-4 {
   padding: calc(var(--spacing) * 4);
 }
-.px-1 {
+[data-wallet-ui] .px-1 {
   padding-inline: calc(var(--spacing) * 1);
 }
-.px-1\.5 {
+[data-wallet-ui] .px-1\.5 {
   padding-inline: calc(var(--spacing) * 1.5);
 }
-.px-3 {
+[data-wallet-ui] .px-3 {
   padding-inline: calc(var(--spacing) * 3);
 }
-.px-4 {
+[data-wallet-ui] .px-4 {
   padding-inline: calc(var(--spacing) * 4);
 }
-.px-6 {
+[data-wallet-ui] .px-6 {
   padding-inline: calc(var(--spacing) * 6);
 }
-.py-0\.5 {
+[data-wallet-ui] .py-0\.5 {
   padding-block: calc(var(--spacing) * 0.5);
 }
-.py-1 {
+[data-wallet-ui] .py-1 {
   padding-block: calc(var(--spacing) * 1);
 }
-.py-1\.5 {
+[data-wallet-ui] .py-1\.5 {
   padding-block: calc(var(--spacing) * 1.5);
 }
-.py-2 {
+[data-wallet-ui] .py-2 {
   padding-block: calc(var(--spacing) * 2);
 }
-.py-2\.5 {
+[data-wallet-ui] .py-2\.5 {
   padding-block: calc(var(--spacing) * 2.5);
 }
-.py-5 {
+[data-wallet-ui] .py-5 {
   padding-block: calc(var(--spacing) * 5);
 }
-.pt-5 {
+[data-wallet-ui] .pt-5 {
   padding-top: calc(var(--spacing) * 5);
 }
-.pr-2 {
+[data-wallet-ui] .pr-2 {
   padding-right: calc(var(--spacing) * 2);
 }
-.pr-3 {
+[data-wallet-ui] .pr-3 {
   padding-right: calc(var(--spacing) * 3);
 }
-.pr-8 {
+[data-wallet-ui] .pr-8 {
   padding-right: calc(var(--spacing) * 8);
 }
-.pr-9 {
+[data-wallet-ui] .pr-9 {
   padding-right: calc(var(--spacing) * 9);
 }
-.pb-3 {
+[data-wallet-ui] .pb-3 {
   padding-bottom: calc(var(--spacing) * 3);
 }
-.pb-4 {
+[data-wallet-ui] .pb-4 {
   padding-bottom: calc(var(--spacing) * 4);
 }
-.pl-2\.5 {
+[data-wallet-ui] .pl-2\.5 {
   padding-left: calc(var(--spacing) * 2.5);
 }
-.pl-3 {
+[data-wallet-ui] .pl-3 {
   padding-left: calc(var(--spacing) * 3);
 }
-.text-center {
+[data-wallet-ui] .text-center {
   text-align: center;
 }
-.text-left {
+[data-wallet-ui] .text-left {
   text-align: left;
 }
-.align-baseline {
+[data-wallet-ui] .align-baseline {
   vertical-align: baseline;
 }
-.text-base {
+[data-wallet-ui] .text-base {
   font-size: var(--text-base);
   line-height: var(--tw-leading, var(--text-base--line-height));
 }
-.text-lg {
+[data-wallet-ui] .text-lg {
   font-size: var(--text-lg);
   line-height: var(--tw-leading, var(--text-lg--line-height));
 }
-.text-sm {
+[data-wallet-ui] .text-sm {
   font-size: var(--text-sm);
   line-height: var(--tw-leading, var(--text-sm--line-height));
 }
-.text-xl {
+[data-wallet-ui] .text-xl {
   font-size: var(--text-xl);
   line-height: var(--tw-leading, var(--text-xl--line-height));
 }
-.font-bold {
+[data-wallet-ui] .font-bold {
   --tw-font-weight: var(--font-weight-bold);
   font-weight: var(--font-weight-bold);
 }
-.font-medium {
+[data-wallet-ui] .font-medium {
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
 }
-.font-normal {
+[data-wallet-ui] .font-normal {
   --tw-font-weight: var(--font-weight-normal);
   font-weight: var(--font-weight-normal);
 }
-.text-\[\#2D2DF1\] {
+[data-wallet-ui] .text-\[\#2D2DF1\] {
   color: #2D2DF1;
 }
-.text-\[\#2D2DF1\]\/80 {
+[data-wallet-ui] .text-\[\#2D2DF1\]\/80 {
   color: color-mix(in oklab, #2D2DF1 80%, transparent);
 }
-.text-blue-500 {
+[data-wallet-ui] .text-blue-500 {
   color: var(--color-blue-500);
 }
-.text-gray-400 {
+[data-wallet-ui] .text-gray-400 {
   color: var(--color-gray-400);
 }
-.text-gray-500 {
+[data-wallet-ui] .text-gray-500 {
   color: var(--color-gray-500);
 }
-.text-gray-600 {
+[data-wallet-ui] .text-gray-600 {
   color: var(--color-gray-600);
 }
-.text-gray-700 {
+[data-wallet-ui] .text-gray-700 {
   color: var(--color-gray-700);
 }
-.text-gray-800 {
+[data-wallet-ui] .text-gray-800 {
   color: var(--color-gray-800);
 }
-.text-gray-900 {
+[data-wallet-ui] .text-gray-900 {
   color: var(--color-gray-900);
 }
-.text-green-500 {
+[data-wallet-ui] .text-green-500 {
   color: var(--color-green-500);
 }
-.text-red-700 {
+[data-wallet-ui] .text-red-700 {
   color: var(--color-red-700);
 }
-.text-white {
+[data-wallet-ui] .text-white {
   color: var(--color-white);
 }
-.opacity-80 {
+[data-wallet-ui] .opacity-80 {
   opacity: 80%;
 }
-.shadow-lg {
+[data-wallet-ui] .shadow-lg {
   --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.shadow-sm {
+[data-wallet-ui] .shadow-sm {
   --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.shadow-xl {
+[data-wallet-ui] .shadow-xl {
   --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.ring-1 {
+[data-wallet-ui] .ring-1 {
   --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.ring-black\/5 {
+[data-wallet-ui] .ring-black\/5 {
   --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
   @supports (color: color-mix(in lab, red, red)) {
     --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
   }
 }
-.transition {
+[data-wallet-ui] .transition {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.transition-all {
+[data-wallet-ui] .transition-all {
   transition-property: all;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.transition-colors {
+[data-wallet-ui] .transition-colors {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.transition-opacity {
+[data-wallet-ui] .transition-opacity {
   transition-property: opacity;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
-.duration-150 {
+[data-wallet-ui] .duration-150 {
   --tw-duration: 150ms;
   transition-duration: 150ms;
 }
-.ease-in-out {
+[data-wallet-ui] .ease-in-out {
   --tw-ease: var(--ease-in-out);
   transition-timing-function: var(--ease-in-out);
 }
-.select-none {
+[data-wallet-ui] .select-none {
   -webkit-user-select: none;
   user-select: none;
 }
-.group-data-\[selected\]\:font-medium {
+[data-wallet-ui] .group-data-\[selected\]\:font-medium {
   &:is(:where(.group)[data-selected] *) {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
 }
-.group-\[\&\:not\(\[data-selected\]\)\]\:hidden {
+[data-wallet-ui] .group-\[\&\:not\(\[data-selected\]\)\]\:hidden {
   &:is(:where(.group):not([data-selected]) *) {
     display: none;
   }
 }
-.hover\:bg-\[\#2929D9\] {
+[data-wallet-ui] .hover\:bg-\[\#2929D9\] {
   &:hover {
     @media (hover: hover) {
       background-color: #2929D9;
     }
   }
 }
-.hover\:bg-\[\#E9E9FD\] {
+[data-wallet-ui] .hover\:bg-\[\#E9E9FD\] {
   &:hover {
     @media (hover: hover) {
       background-color: #E9E9FD;
     }
   }
 }
-.hover\:bg-gray-200 {
+[data-wallet-ui] .hover\:bg-gray-200 {
   &:hover {
     @media (hover: hover) {
       background-color: var(--color-gray-200);
     }
   }
 }
-.hover\:bg-gray-300 {
+[data-wallet-ui] .hover\:bg-gray-300 {
   &:hover {
     @media (hover: hover) {
       background-color: var(--color-gray-300);
     }
   }
 }
-.hover\:bg-red-200 {
+[data-wallet-ui] .hover\:bg-red-200 {
   &:hover {
     @media (hover: hover) {
       background-color: var(--color-red-200);
     }
   }
 }
-.hover\:text-\[\#2D2DF1\] {
+[data-wallet-ui] .hover\:text-\[\#2D2DF1\] {
   &:hover {
     @media (hover: hover) {
       color: #2D2DF1;
     }
   }
 }
-.hover\:text-gray-700 {
+[data-wallet-ui] .hover\:text-gray-700 {
   &:hover {
     @media (hover: hover) {
       color: var(--color-gray-700);
     }
   }
 }
-.focus\:border-transparent {
+[data-wallet-ui] .focus\:border-transparent {
   &:focus {
     border-color: transparent;
   }
 }
-.focus\:ring-2 {
+[data-wallet-ui] .focus\:ring-2 {
   &:focus {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
-.focus\:ring-\[\#2D2DF1\] {
+[data-wallet-ui] .focus\:ring-\[\#2D2DF1\] {
   &:focus {
     --tw-ring-color: #2D2DF1;
   }
 }
-.focus\:outline-none {
+[data-wallet-ui] .focus\:outline-none {
   &:focus {
     --tw-outline-style: none;
     outline-style: none;
   }
 }
-.disabled\:opacity-50 {
+[data-wallet-ui] .disabled\:opacity-50 {
   &:disabled {
     opacity: 50%;
   }
 }
-.data-\[focus\]\:bg-\[\#E9E9FD\] {
+[data-wallet-ui] .data-\[focus\]\:bg-\[\#E9E9FD\] {
   &[data-focus] {
     background-color: #E9E9FD;
   }
 }
-.data-\[focus\]\:text-gray-900 {
+[data-wallet-ui] .data-\[focus\]\:text-gray-900 {
   &[data-focus] {
     color: var(--color-gray-900);
   }
 }
-.data-\[focus\]\:outline-none {
+[data-wallet-ui] .data-\[focus\]\:outline-none {
   &[data-focus] {
     --tw-outline-style: none;
     outline-style: none;
   }
 }
-.data-\[leave\]\:transition {
+[data-wallet-ui] .data-\[leave\]\:transition {
   &[data-leave] {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 }
-.data-\[leave\]\:duration-100 {
+[data-wallet-ui] .data-\[leave\]\:duration-100 {
   &[data-leave] {
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
 }
-.data-\[leave\]\:ease-in {
+[data-wallet-ui] .data-\[leave\]\:ease-in {
   &[data-leave] {
     --tw-ease: var(--ease-in);
     transition-timing-function: var(--ease-in);
   }
 }
-.data-\[closed\]\:data-\[leave\]\:opacity-0 {
+[data-wallet-ui] .data-\[closed\]\:data-\[leave\]\:opacity-0 {
   &[data-closed] {
     &[data-leave] {
       opacity: 0%;
     }
   }
 }
-.data-\[state\=entered\]\:scale-100 {
+[data-wallet-ui] .data-\[state\=entered\]\:scale-100 {
   &[data-state="entered"] {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -817,12 +820,12 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 }
-.data-\[state\=entered\]\:opacity-100 {
+[data-wallet-ui] .data-\[state\=entered\]\:opacity-100 {
   &[data-state="entered"] {
     opacity: 100%;
   }
 }
-.data-\[state\=exiting\]\:scale-90 {
+[data-wallet-ui] .data-\[state\=exiting\]\:scale-90 {
   &[data-state="exiting"] {
     --tw-scale-x: 90%;
     --tw-scale-y: 90%;
@@ -830,12 +833,12 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 }
-.data-\[state\=exiting\]\:opacity-0 {
+[data-wallet-ui] .data-\[state\=exiting\]\:opacity-0 {
   &[data-state="exiting"] {
     opacity: 0%;
   }
 }
-.data-\[state\=starting\]\:scale-90 {
+[data-wallet-ui] .data-\[state\=starting\]\:scale-90 {
   &[data-state="starting"] {
     --tw-scale-x: 90%;
     --tw-scale-y: 90%;
@@ -843,57 +846,57 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 }
-.data-\[state\=starting\]\:opacity-0 {
+[data-wallet-ui] .data-\[state\=starting\]\:opacity-0 {
   &[data-state="starting"] {
     opacity: 0%;
   }
 }
-.md\:mr-2 {
+[data-wallet-ui] .md\:mr-2 {
   @media (width >= 48rem) {
     margin-right: calc(var(--spacing) * 2);
   }
 }
-.md\:block {
+[data-wallet-ui] .md\:block {
   @media (width >= 48rem) {
     display: block;
   }
 }
-.md\:pl-3\.5 {
+[data-wallet-ui] .md\:pl-3\.5 {
   @media (width >= 48rem) {
     padding-left: calc(var(--spacing) * 3.5);
   }
 }
-.dark\:border-\[\#192A39\] {
+[data-wallet-ui] .dark\:border-\[\#192A39\] {
   @media (prefers-color-scheme: dark) {
     border-color: #192A39;
   }
 }
-.dark\:bg-\[\#101B29\] {
+[data-wallet-ui] .dark\:bg-\[\#101B29\] {
   @media (prefers-color-scheme: dark) {
     background-color: #101B29;
   }
 }
-.dark\:bg-\[\#192A39\] {
+[data-wallet-ui] .dark\:bg-\[\#192A39\] {
   @media (prefers-color-scheme: dark) {
     background-color: #192A39;
   }
 }
-.dark\:bg-\[\#192A39\]\/75 {
+[data-wallet-ui] .dark\:bg-\[\#192A39\]\/75 {
   @media (prefers-color-scheme: dark) {
     background-color: color-mix(in oklab, #192A39 75%, transparent);
   }
 }
-.dark\:bg-\[\#001324\] {
+[data-wallet-ui] .dark\:bg-\[\#001324\] {
   @media (prefers-color-scheme: dark) {
     background-color: #001324;
   }
 }
-.dark\:bg-\[\#BFBFF9\] {
+[data-wallet-ui] .dark\:bg-\[\#BFBFF9\] {
   @media (prefers-color-scheme: dark) {
     background-color: #BFBFF9;
   }
 }
-.dark\:bg-black\/50 {
+[data-wallet-ui] .dark\:bg-black\/50 {
   @media (prefers-color-scheme: dark) {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -901,12 +904,12 @@
     }
   }
 }
-.dark\:bg-gray-200 {
+[data-wallet-ui] .dark\:bg-gray-200 {
   @media (prefers-color-scheme: dark) {
     background-color: var(--color-gray-200);
   }
 }
-.dark\:bg-red-900\/40 {
+[data-wallet-ui] .dark\:bg-red-900\/40 {
   @media (prefers-color-scheme: dark) {
     background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -914,67 +917,67 @@
     }
   }
 }
-.dark\:bg-transparent {
+[data-wallet-ui] .dark\:bg-transparent {
   @media (prefers-color-scheme: dark) {
     background-color: transparent;
   }
 }
-.dark\:text-\[\#6C6CF1\] {
+[data-wallet-ui] .dark\:text-\[\#6C6CF1\] {
   @media (prefers-color-scheme: dark) {
     color: #6C6CF1;
   }
 }
-.dark\:text-\[\#99A1A7\] {
+[data-wallet-ui] .dark\:text-\[\#99A1A7\] {
   @media (prefers-color-scheme: dark) {
     color: #99A1A7;
   }
 }
-.dark\:text-\[\#001324\] {
+[data-wallet-ui] .dark\:text-\[\#001324\] {
   @media (prefers-color-scheme: dark) {
     color: #001324;
   }
 }
-.dark\:text-\[\#BFBFF9\] {
+[data-wallet-ui] .dark\:text-\[\#BFBFF9\] {
   @media (prefers-color-scheme: dark) {
     color: #BFBFF9;
   }
 }
-.dark\:text-\[\#E9E9FD\] {
+[data-wallet-ui] .dark\:text-\[\#E9E9FD\] {
   @media (prefers-color-scheme: dark) {
     color: #E9E9FD;
   }
 }
-.dark\:text-gray-300 {
+[data-wallet-ui] .dark\:text-gray-300 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-gray-300);
   }
 }
-.dark\:text-gray-400 {
+[data-wallet-ui] .dark\:text-gray-400 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-gray-400);
   }
 }
-.dark\:text-gray-500 {
+[data-wallet-ui] .dark\:text-gray-500 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-gray-500);
   }
 }
-.dark\:text-red-300 {
+[data-wallet-ui] .dark\:text-red-300 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-red-300);
   }
 }
-.dark\:text-white {
+[data-wallet-ui] .dark\:text-white {
   @media (prefers-color-scheme: dark) {
     color: var(--color-white);
   }
 }
-.dark\:ring-\[\#192A39\]\/50 {
+[data-wallet-ui] .dark\:ring-\[\#192A39\]\/50 {
   @media (prefers-color-scheme: dark) {
     --tw-ring-color: color-mix(in oklab, #192A39 50%, transparent);
   }
 }
-.dark\:hover\:bg-\[\#192A39\] {
+[data-wallet-ui] .dark\:hover\:bg-\[\#192A39\] {
   @media (prefers-color-scheme: dark) {
     &:hover {
       @media (hover: hover) {
@@ -983,7 +986,7 @@
     }
   }
 }
-.dark\:hover\:bg-\[\#263A4A\] {
+[data-wallet-ui] .dark\:hover\:bg-\[\#263A4A\] {
   @media (prefers-color-scheme: dark) {
     &:hover {
       @media (hover: hover) {
@@ -992,7 +995,7 @@
     }
   }
 }
-.dark\:hover\:bg-\[\#D4D4FA\] {
+[data-wallet-ui] .dark\:hover\:bg-\[\#D4D4FA\] {
   @media (prefers-color-scheme: dark) {
     &:hover {
       @media (hover: hover) {
@@ -1001,7 +1004,7 @@
     }
   }
 }
-.dark\:hover\:bg-red-800\/60 {
+[data-wallet-ui] .dark\:hover\:bg-red-800\/60 {
   @media (prefers-color-scheme: dark) {
     &:hover {
       @media (hover: hover) {
@@ -1013,7 +1016,7 @@
     }
   }
 }
-.dark\:hover\:text-\[\#8080F3\] {
+[data-wallet-ui] .dark\:hover\:text-\[\#8080F3\] {
   @media (prefers-color-scheme: dark) {
     &:hover {
       @media (hover: hover) {
@@ -1022,7 +1025,7 @@
     }
   }
 }
-.dark\:hover\:text-\[\#D4D4FA\] {
+[data-wallet-ui] .dark\:hover\:text-\[\#D4D4FA\] {
   @media (prefers-color-scheme: dark) {
     &:hover {
       @media (hover: hover) {
@@ -1031,21 +1034,21 @@
     }
   }
 }
-.dark\:focus\:ring-\[\#BFBFF9\] {
+[data-wallet-ui] .dark\:focus\:ring-\[\#BFBFF9\] {
   @media (prefers-color-scheme: dark) {
     &:focus {
       --tw-ring-color: #BFBFF9;
     }
   }
 }
-.dark\:data-\[focus\]\:bg-\[\#192A39\] {
+[data-wallet-ui] .dark\:data-\[focus\]\:bg-\[\#192A39\] {
   @media (prefers-color-scheme: dark) {
     &[data-focus] {
       background-color: #192A39;
     }
   }
 }
-.dark\:data-\[focus\]\:text-\[\#E9E9FD\] {
+[data-wallet-ui] .dark\:data-\[focus\]\:text-\[\#E9E9FD\] {
   @media (prefers-color-scheme: dark) {
     &[data-focus] {
       color: #E9E9FD;