@powerhousedao/connect 1.0.0-dev.225 → 1.0.0-dev.226

package/dist/assets/{app-loader-C6FgR-r9.css → app-loader-9W65A3zy.css}

@@ -1,7 +1,7 @@
 @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
 
-/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
-/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
 :root {
   --toastify-color-light: #fff;
   --toastify-color-dark: #121212;
@@ -786,6 +786,7 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-wide: .025em;
+    --tracking-widest: .1em;
     --radius-sm: .25rem;
     --radius-md: .375rem;
     --radius-lg: .5rem;
@@ -1243,6 +1244,10 @@
     }
   }
 
+  .-m-2 {
+    margin: calc(var(--spacing) * -2);
+  }
+
   .m-6 {
     margin: calc(var(--spacing) * 6);
   }
@@ -1327,6 +1332,10 @@
     margin-top: 18px;
   }
 
+  .-mr-1 {
+    margin-right: calc(var(--spacing) * -1);
+  }
+
   .mr-1\.5 {
     margin-right: calc(var(--spacing) * 1.5);
   }
@@ -1488,6 +1497,10 @@
     height: 34px;
   }
 
+  .h-\[37px\] {
+    height: 37px;
+  }
+
   .h-\[52px\] {
     height: 52px;
   }
@@ -1632,6 +1645,10 @@
     width: calc(var(--spacing) * 96);
   }
 
+  .w-\[--radix-popover-trigger-width\] {
+    width: --radix-popover-trigger-width;
+  }
+
   .w-\[10px\] {
     width: 10px;
   }
@@ -1664,6 +1681,10 @@
     width: 114px;
   }
 
+  .w-\[184px\] {
+    width: 184px;
+  }
+
   .w-\[200px\] {
     width: 200px;
   }
@@ -1776,6 +1797,10 @@
     min-width: 142px;
   }
 
+  .min-w-\[160px\] {
+    min-width: 160px;
+  }
+
   .min-w-\[360px\] {
     min-width: 360px;
   }
@@ -2309,6 +2334,10 @@
     object-fit: cover;
   }
 
+  .p-0\.5 {
+    padding: calc(var(--spacing) * .5);
+  }
+
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -2485,6 +2514,10 @@
     padding-left: calc(var(--spacing) * 1.5);
   }
 
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
@@ -2566,6 +2599,11 @@
     letter-spacing: var(--tracking-wide);
   }
 
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
+
   .text-nowrap {
     text-wrap: nowrap;
   }
@@ -2726,6 +2764,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-80 {
     opacity: .8;
   }
@@ -3631,6 +3673,14 @@
     color: var(--color-gray-400);
   }
 
+  .data-\[disabled\]\:pointer-events-none[data-disabled] {
+    pointer-events: none;
+  }
+
+  .data-\[disabled\]\:opacity-50[data-disabled] {
+    opacity: .5;
+  }
+
   .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
     pointer-events: none;
   }
@@ -3786,479 +3836,469 @@
     }
   }
 
-  @media (prefers-color-scheme: dark) {
-    .dark\:border-charcoal-700 {
-      border-color: var(--color-charcoal-700);
-    }
-
-    .dark\:border-gray-400 {
-      border-color: var(--color-gray-400);
-    }
-
-    .dark\:border-gray-600 {
-      border-color: var(--color-gray-600);
-    }
-
-    .dark\:border-gray-800 {
-      border-color: var(--color-gray-800);
-    }
-
-    .dark\:border-gray-900 {
-      border-color: var(--color-gray-900);
-    }
-
-    .dark\:border-red-700 {
-      border-color: var(--color-red-700);
-    }
-
-    .dark\:border-slate-500 {
-      border-color: var(--color-slate-500);
-    }
-
-    .dark\:border-slate-600 {
-      border-color: var(--color-slate-600);
-    }
-
-    .dark\:border-b-gray-900 {
-      border-bottom-color: var(--color-gray-900);
-    }
-
-    .dark\:bg-\[\#1c1e23\] {
-      background-color: #1c1e23;
-    }
-
-    .dark\:bg-\[\#6C7275\] {
-      background-color: #6c7275;
-    }
+  .dark\:border-charcoal-700:where(.dark, .dark *) {
+    border-color: var(--color-charcoal-700);
+  }
 
-    .dark\:bg-\[\#604B00\] {
-      background-color: #604b00;
-    }
+  .dark\:border-gray-400:where(.dark, .dark *) {
+    border-color: var(--color-gray-400);
+  }
 
-    .dark\:bg-\[\#604B0033\] {
-      background-color: #604b0033;
-    }
+  .dark\:border-gray-600:where(.dark, .dark *) {
+    border-color: var(--color-gray-600);
+  }
 
-    .dark\:bg-\[\#252728\] {
-      background-color: #252728;
-    }
+  .dark\:border-gray-800:where(.dark, .dark *) {
+    border-color: var(--color-gray-800);
+  }
 
-    .dark\:bg-blue-600 {
-      background-color: var(--color-blue-600);
-    }
+  .dark\:border-gray-900:where(.dark, .dark *) {
+    border-color: var(--color-gray-900);
+  }
 
-    .dark\:bg-charcoal-800 {
-      background-color: var(--color-charcoal-800);
-    }
+  .dark\:border-red-700:where(.dark, .dark *) {
+    border-color: var(--color-red-700);
+  }
 
-    .dark\:bg-charcoal-900 {
-      background-color: var(--color-charcoal-900);
-    }
+  .dark\:border-slate-500:where(.dark, .dark *) {
+    border-color: var(--color-slate-500);
+  }
 
-    .dark\:bg-gray-50 {
-      background-color: var(--color-gray-50);
-    }
+  .dark\:border-slate-600:where(.dark, .dark *) {
+    border-color: var(--color-slate-600);
+  }
 
-    .dark\:bg-gray-400 {
-      background-color: var(--color-gray-400);
-    }
+  .dark\:border-b-gray-900:where(.dark, .dark *) {
+    border-bottom-color: var(--color-gray-900);
+  }
 
-    .dark\:bg-gray-600 {
-      background-color: var(--color-gray-600);
-    }
+  .dark\:bg-\[\#1c1e23\]:where(.dark, .dark *) {
+    background-color: #1c1e23;
+  }
 
-    .dark\:bg-gray-800 {
-      background-color: var(--color-gray-800);
-    }
+  .dark\:bg-\[\#6C7275\]:where(.dark, .dark *) {
+    background-color: #6c7275;
+  }
 
-    .dark\:bg-gray-900 {
-      background-color: var(--color-gray-900);
-    }
+  .dark\:bg-\[\#604B00\]:where(.dark, .dark *) {
+    background-color: #604b00;
+  }
 
-    .dark\:bg-slate-600 {
-      background-color: var(--color-slate-600);
-    }
+  .dark\:bg-\[\#604B0033\]:where(.dark, .dark *) {
+    background-color: #604b0033;
+  }
 
-    .dark\:bg-slate-700 {
-      background-color: var(--color-slate-700);
-    }
+  .dark\:bg-\[\#252728\]:where(.dark, .dark *) {
+    background-color: #252728;
+  }
 
-    .dark\:bg-slate-800 {
-      background-color: var(--color-slate-800);
-    }
+  .dark\:bg-blue-600:where(.dark, .dark *) {
+    background-color: var(--color-blue-600);
+  }
 
-    .dark\:bg-slate-900 {
-      background-color: var(--color-slate-900);
-    }
+  .dark\:bg-charcoal-800:where(.dark, .dark *) {
+    background-color: var(--color-charcoal-800);
+  }
 
-    .dark\:bg-transparent {
-      background-color: #0000;
-    }
+  .dark\:bg-charcoal-900:where(.dark, .dark *) {
+    background-color: var(--color-charcoal-900);
+  }
 
-    .dark\:text-\[\#7D3D37\] {
-      color: #7d3d37;
-    }
+  .dark\:bg-gray-50:where(.dark, .dark *) {
+    background-color: var(--color-gray-50);
+  }
 
-    .dark\:text-\[\#644E00\] {
-      color: #644e00;
-    }
+  .dark\:bg-gray-400:where(.dark, .dark *) {
+    background-color: var(--color-gray-400);
+  }
 
-    .dark\:text-black {
-      color: var(--color-black);
-    }
+  .dark\:bg-gray-600:where(.dark, .dark *) {
+    background-color: var(--color-gray-600);
+  }
 
-    .dark\:text-blue-900 {
-      color: var(--color-blue-900);
-    }
+  .dark\:bg-gray-800:where(.dark, .dark *) {
+    background-color: var(--color-gray-800);
+  }
 
-    .dark\:text-gray-50 {
-      color: var(--color-gray-50);
-    }
+  .dark\:bg-gray-900:where(.dark, .dark *) {
+    background-color: var(--color-gray-900);
+  }
 
-    .dark\:text-gray-200 {
-      color: var(--color-gray-200);
-    }
+  .dark\:bg-slate-600:where(.dark, .dark *) {
+    background-color: var(--color-slate-600);
+  }
 
-    .dark\:text-gray-300 {
-      color: var(--color-gray-300);
-    }
+  .dark\:bg-slate-700:where(.dark, .dark *) {
+    background-color: var(--color-slate-700);
+  }
 
-    .dark\:text-gray-400 {
-      color: var(--color-gray-400);
-    }
+  .dark\:bg-slate-800:where(.dark, .dark *) {
+    background-color: var(--color-slate-800);
+  }
 
-    .dark\:text-gray-500 {
-      color: var(--color-gray-500);
-    }
+  .dark\:bg-slate-900:where(.dark, .dark *) {
+    background-color: var(--color-slate-900);
+  }
 
-    .dark\:text-gray-600 {
-      color: var(--color-gray-600);
-    }
+  .dark\:bg-transparent:where(.dark, .dark *) {
+    background-color: #0000;
+  }
 
-    .dark\:text-gray-700 {
-      color: var(--color-gray-700);
-    }
+  .dark\:text-\[\#7D3D37\]:where(.dark, .dark *) {
+    color: #7d3d37;
+  }
 
-    .dark\:text-gray-900 {
-      color: var(--color-gray-900);
-    }
+  .dark\:text-\[\#644E00\]:where(.dark, .dark *) {
+    color: #644e00;
+  }
 
-    .dark\:text-red-800 {
-      color: var(--color-red-800);
-    }
+  .dark\:text-black:where(.dark, .dark *) {
+    color: var(--color-black);
+  }
 
-    .dark\:text-red-900 {
-      color: var(--color-red-900);
-    }
+  .dark\:text-blue-900:where(.dark, .dark *) {
+    color: var(--color-blue-900);
+  }
 
-    .dark\:text-slate-200 {
-      color: var(--color-slate-200);
-    }
+  .dark\:text-gray-50:where(.dark, .dark *) {
+    color: var(--color-gray-50);
+  }
 
-    .dark\:text-slate-500 {
-      color: var(--color-slate-500);
-    }
+  .dark\:text-gray-200:where(.dark, .dark *) {
+    color: var(--color-gray-200);
+  }
 
-    .dark\:text-white {
-      color: var(--color-white);
-    }
+  .dark\:text-gray-300:where(.dark, .dark *) {
+    color: var(--color-gray-300);
+  }
 
-    .dark\:text-yellow-900 {
-      color: var(--color-yellow-900);
-    }
+  .dark\:text-gray-400:where(.dark, .dark *) {
+    color: var(--color-gray-400);
+  }
 
-    .dark\:shadow-\[1px_4px_15\.3px_0px_\#141921\] {
-      --tw-shadow: 1px 4px 15.3px 0px var(--tw-shadow-color, #141921);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
+  .dark\:text-gray-500:where(.dark, .dark *) {
+    color: var(--color-gray-500);
+  }
 
-    .dark\:ring-charcoal-300 {
-      --tw-ring-color: var(--color-charcoal-300);
-    }
+  .dark\:text-gray-600:where(.dark, .dark *) {
+    color: var(--color-gray-600);
+  }
 
-    .dark\:group-focus-within\:\!text-gray-50:is(:where(.group):focus-within *) {
-      color: var(--color-gray-50) !important;
-    }
+  .dark\:text-gray-700:where(.dark, .dark *) {
+    color: var(--color-gray-700);
+  }
 
-    @media (hover: hover) {
-      .dark\:group-hover\:border-slate-50:is(:where(.group):hover *) {
-        border-color: var(--color-slate-50);
-      }
+  .dark\:text-gray-900:where(.dark, .dark *) {
+    color: var(--color-gray-900);
+  }
 
-      .dark\:group-hover\:\!text-red-900:is(:where(.group):hover *) {
-        color: var(--color-red-900) !important;
-      }
+  .dark\:text-red-800:where(.dark, .dark *) {
+    color: var(--color-red-800);
+  }
 
-      .dark\:group-hover\:text-gray-500:is(:where(.group):hover *) {
-        color: var(--color-gray-500);
-      }
+  .dark\:text-red-900:where(.dark, .dark *) {
+    color: var(--color-red-900);
+  }
 
-      .dark\:group-hover\:text-slate-50:is(:where(.group):hover *) {
-        color: var(--color-slate-50);
-      }
+  .dark\:text-slate-200:where(.dark, .dark *) {
+    color: var(--color-slate-200);
+  }
 
-      .dark\:group-hover\/sidebar-resizer\:bg-gray-600:is(:where(.group\/sidebar-resizer):hover *) {
-        background-color: var(--color-gray-600);
-      }
+  .dark\:text-slate-500:where(.dark, .dark *) {
+    color: var(--color-slate-500);
+  }
 
-      .dark\:peer-hover\:text-gray-50:is(:where(.peer):hover ~ *) {
-        color: var(--color-gray-50);
-      }
-    }
+  .dark\:text-white:where(.dark, .dark *) {
+    color: var(--color-white);
+  }
 
-    .dark\:placeholder\:text-gray-600::placeholder {
-      color: var(--color-gray-600);
-    }
+  .dark\:text-yellow-900:where(.dark, .dark *) {
+    color: var(--color-yellow-900);
+  }
 
-    .dark\:placeholder\:text-gray-700::placeholder {
-      color: var(--color-gray-700);
-    }
+  .dark\:shadow-\[1px_4px_15\.3px_0px_\#141921\]:where(.dark, .dark *) {
+    --tw-shadow: 1px 4px 15.3px 0px var(--tw-shadow-color, #141921);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
 
-    .dark\:group-focus-within\:placeholder\:\!text-gray-300:is(:where(.group):focus-within *)::placeholder {
-      color: var(--color-gray-300) !important;
-    }
+  .dark\:ring-charcoal-300:where(.dark, .dark *) {
+    --tw-ring-color: var(--color-charcoal-300);
+  }
 
-    @media (hover: hover) {
-      .dark\:group-hover\:placeholder\:text-gray-500:is(:where(.group):hover *)::placeholder {
-        color: var(--color-gray-500);
-      }
-    }
+  .dark\:group-focus-within\:\!text-gray-50:where(.dark, .dark *):is(:where(.group):focus-within *) {
+    color: var(--color-gray-50) !important;
+  }
 
-    .dark\:before\:bg-blue-900:before {
-      content: var(--tw-content);
-      background-color: var(--color-blue-900);
+  @media (hover: hover) {
+    .dark\:group-hover\:border-slate-50:where(.dark, .dark *):is(:where(.group):hover *) {
+      border-color: var(--color-slate-50);
     }
 
-    .dark\:before\:bg-orange-900:before {
-      content: var(--tw-content);
-      background-color: var(--color-orange-900);
+    .dark\:group-hover\:\!text-red-900:where(.dark, .dark *):is(:where(.group):hover *) {
+      color: var(--color-red-900) !important;
     }
 
-    .dark\:before\:bg-red-900:before {
-      content: var(--tw-content);
-      background-color: var(--color-red-900);
+    .dark\:group-hover\:text-gray-500:where(.dark, .dark *):is(:where(.group):hover *) {
+      color: var(--color-gray-500);
     }
 
-    .dark\:after\:bg-gray-400:after {
-      content: var(--tw-content);
-      background-color: var(--color-gray-400);
+    .dark\:group-hover\:text-slate-50:where(.dark, .dark *):is(:where(.group):hover *) {
+      color: var(--color-slate-50);
     }
 
-    .dark\:after\:bg-gray-600:after {
-      content: var(--tw-content);
+    .dark\:group-hover\/sidebar-resizer\:bg-gray-600:where(.dark, .dark *):is(:where(.group\/sidebar-resizer):hover *) {
       background-color: var(--color-gray-600);
     }
 
-    @media (hover: hover) {
-      .dark\:group-hover\:after\:bg-gray-50:is(:where(.group):hover *):after {
-        content: var(--tw-content);
-        background-color: var(--color-gray-50);
-      }
-    }
-
-    .dark\:focus-within\:border-b-gray-800:focus-within {
-      border-bottom-color: var(--color-gray-800);
-    }
-
-    .dark\:focus-within\:bg-gray-900:focus-within {
-      background-color: var(--color-gray-900);
+    .dark\:peer-hover\:text-gray-50:where(.dark, .dark *):is(:where(.peer):hover ~ *) {
+      color: var(--color-gray-50);
     }
+  }
 
-    @media (hover: hover) {
-      .dark\:hover\:border-charcoal-700:hover {
-        border-color: var(--color-charcoal-700);
-      }
-
-      .dark\:hover\:border-gray-50:hover {
-        border-color: var(--color-gray-50);
-      }
-
-      .dark\:hover\:border-gray-600:hover {
-        border-color: var(--color-gray-600);
-      }
-
-      .dark\:hover\:border-red-900:hover {
-        border-color: var(--color-red-900);
-      }
+  .dark\:placeholder\:text-gray-600:where(.dark, .dark *)::placeholder {
+    color: var(--color-gray-600);
+  }
 
-      .dark\:hover\:border-b-gray-800:hover {
-        border-bottom-color: var(--color-gray-800);
-      }
+  .dark\:placeholder\:text-gray-700:where(.dark, .dark *)::placeholder {
+    color: var(--color-gray-700);
+  }
 
-      .dark\:hover\:bg-charcoal-800:hover {
-        background-color: var(--color-charcoal-800);
-      }
+  .dark\:group-focus-within\:placeholder\:\!text-gray-300:where(.dark, .dark *):is(:where(.group):focus-within *)::placeholder {
+    color: var(--color-gray-300) !important;
+  }
 
-      .dark\:hover\:bg-charcoal-900:hover {
-        background-color: var(--color-charcoal-900);
-      }
+  @media (hover: hover) {
+    .dark\:group-hover\:placeholder\:text-gray-500:where(.dark, .dark *):is(:where(.group):hover *)::placeholder {
+      color: var(--color-gray-500);
+    }
+  }
 
-      .dark\:hover\:bg-gray-50:hover {
-        background-color: var(--color-gray-50);
-      }
+  .dark\:before\:bg-blue-900:where(.dark, .dark *):before {
+    content: var(--tw-content);
+    background-color: var(--color-blue-900);
+  }
 
-      .dark\:hover\:bg-gray-600:hover {
-        background-color: var(--color-gray-600);
-      }
+  .dark\:before\:bg-orange-900:where(.dark, .dark *):before {
+    content: var(--tw-content);
+    background-color: var(--color-orange-900);
+  }
 
-      .dark\:hover\:bg-gray-900:hover {
-        background-color: var(--color-gray-900);
-      }
+  .dark\:before\:bg-red-900:where(.dark, .dark *):before {
+    content: var(--tw-content);
+    background-color: var(--color-red-900);
+  }
 
-      .dark\:hover\:bg-slate-600:hover {
-        background-color: var(--color-slate-600);
-      }
+  .dark\:after\:bg-gray-400:where(.dark, .dark *):after {
+    content: var(--tw-content);
+    background-color: var(--color-gray-400);
+  }
 
-      .dark\:hover\:bg-transparent:hover {
-        background-color: #0000;
-      }
-    }
+  .dark\:after\:bg-gray-600:where(.dark, .dark *):after {
+    content: var(--tw-content);
+    background-color: var(--color-gray-600);
   }
 
   @media (hover: hover) {
-    @media (prefers-color-scheme: dark) {
-      .hover\:dark\:bg-gray-900:hover {
-        background-color: var(--color-gray-900);
-      }
+    .dark\:group-hover\:after\:bg-gray-50:where(.dark, .dark *):is(:where(.group):hover *):after {
+      content: var(--tw-content);
+      background-color: var(--color-gray-50);
     }
   }
 
-  @media (prefers-color-scheme: dark) {
-    @media (hover: hover) {
-      .dark\:hover\:text-blue-900:hover {
-        color: var(--color-blue-900);
-      }
-
-      .dark\:hover\:text-gray-50:hover {
-        color: var(--color-gray-50);
-      }
+  .dark\:focus-within\:border-b-gray-800:where(.dark, .dark *):focus-within {
+    border-bottom-color: var(--color-gray-800);
+  }
 
-      .dark\:hover\:text-gray-300:hover {
-        color: var(--color-gray-300);
-      }
+  .dark\:focus-within\:bg-gray-900:where(.dark, .dark *):focus-within {
+    background-color: var(--color-gray-900);
+  }
 
-      .dark\:hover\:text-gray-500:hover {
-        color: var(--color-gray-500);
-      }
+  @media (hover: hover) {
+    .dark\:hover\:border-charcoal-700:where(.dark, .dark *):hover {
+      border-color: var(--color-charcoal-700);
+    }
 
-      .dark\:hover\:text-gray-600:hover {
-        color: var(--color-gray-600);
-      }
+    .dark\:hover\:border-gray-50:where(.dark, .dark *):hover {
+      border-color: var(--color-gray-50);
+    }
 
-      .dark\:hover\:text-gray-900:hover {
-        color: var(--color-gray-900);
-      }
+    .dark\:hover\:border-gray-600:where(.dark, .dark *):hover {
+      border-color: var(--color-gray-600);
+    }
 
-      .dark\:hover\:text-slate-50:hover {
-        color: var(--color-slate-50);
-      }
+    .dark\:hover\:border-red-900:where(.dark, .dark *):hover {
+      border-color: var(--color-red-900);
+    }
 
-      .dark\:focus-within\:hover\:bg-charcoal-900:focus-within:hover {
-        background-color: var(--color-charcoal-900);
-      }
+    .dark\:hover\:border-b-gray-800:where(.dark, .dark *):hover {
+      border-bottom-color: var(--color-gray-800);
     }
 
-    .dark\:focus\:bg-charcoal-900:focus {
-      background-color: var(--color-charcoal-900);
+    .dark\:hover\:bg-charcoal-800:where(.dark, .dark *):hover {
+      background-color: var(--color-charcoal-800);
     }
 
-    .dark\:focus\:ring-charcoal-300:focus, .dark\:focus-visible\:ring-charcoal-300:focus-visible {
-      --tw-ring-color: var(--color-charcoal-300);
+    .dark\:hover\:bg-charcoal-900:where(.dark, .dark *):hover {
+      background-color: var(--color-charcoal-900);
     }
 
-    .dark\:focus-visible\:ring-offset-charcoal-900:focus-visible {
-      --tw-ring-offset-color: var(--color-charcoal-900);
+    .dark\:hover\:bg-gray-50:where(.dark, .dark *):hover {
+      background-color: var(--color-gray-50);
     }
 
-    .dark\:active\:text-gray-300:active {
-      color: var(--color-gray-300);
+    .dark\:hover\:bg-gray-600:where(.dark, .dark *):hover {
+      background-color: var(--color-gray-600);
     }
 
-    .disabled\:dark\:border-charcoal-800:disabled {
-      border-color: var(--color-charcoal-800);
+    .dark\:hover\:bg-gray-900:where(.dark, .dark *):hover {
+      background-color: var(--color-gray-900);
     }
 
-    .disabled\:dark\:bg-charcoal-900:disabled {
-      background-color: var(--color-charcoal-900);
+    .dark\:hover\:bg-slate-600:where(.dark, .dark *):hover {
+      background-color: var(--color-slate-600);
     }
 
-    .disabled\:dark\:text-gray-300:disabled {
-      color: var(--color-gray-300);
+    .dark\:hover\:bg-transparent:where(.dark, .dark *):hover {
+      background-color: #0000;
     }
 
-    .dark\:data-\[selected\=true\]\:bg-gray-900[data-selected="true"] {
+    .hover\:dark\:bg-gray-900:hover:where(.dark, .dark *) {
       background-color: var(--color-gray-900);
     }
 
-    .dark\:data-\[state\]\:border-gray-500[data-state] {
-      border-color: var(--color-gray-500);
+    .dark\:hover\:text-blue-900:where(.dark, .dark *):hover {
+      color: var(--color-blue-900);
     }
 
-    .dark\:data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800[data-invalid="true"][data-state] {
-      border-color: var(--color-red-800) !important;
+    .dark\:hover\:text-gray-50:where(.dark, .dark *):hover {
+      color: var(--color-gray-50);
     }
 
-    .dark\:data-\[state\=checked\]\:bg-\[\#3BBE5F\][data-state="checked"] {
-      background-color: #3bbe5f;
+    .dark\:hover\:text-gray-300:where(.dark, .dark *):hover {
+      color: var(--color-gray-300);
     }
 
-    .dark\:data-\[state\=checked\]\:bg-\[\#404446\][data-state="checked"] {
-      background-color: #404446;
+    .dark\:hover\:text-gray-500:where(.dark, .dark *):hover {
+      color: var(--color-gray-500);
     }
 
-    .dark\:data-\[state\=checked\]\:bg-gray-400[data-state="checked"] {
-      background-color: var(--color-gray-400);
+    .dark\:hover\:text-gray-600:where(.dark, .dark *):hover {
+      color: var(--color-gray-600);
     }
 
-    .dark\:data-\[state\=checked\]\:text-gray-900[data-state="checked"] {
+    .dark\:hover\:text-gray-900:where(.dark, .dark *):hover {
       color: var(--color-gray-900);
     }
 
-    @media (hover: hover) {
-      .dark\:data-\[state\=checked\]\:group-hover\:bg-slate-50[data-state="checked"]:is(:where(.group):hover *) {
-        background-color: var(--color-slate-50);
-      }
+    .dark\:hover\:text-slate-50:where(.dark, .dark *):hover {
+      color: var(--color-slate-50);
     }
 
-    .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-500:disabled[data-invalid="false"][data-state="checked"] {
-      background-color: var(--color-gray-500);
+    .dark\:focus-within\:hover\:bg-charcoal-900:where(.dark, .dark *):focus-within:hover {
+      background-color: var(--color-charcoal-900);
     }
+  }
 
-    .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800[data-invalid="true"][data-state="checked"] {
-      background-color: var(--color-red-800) !important;
-    }
+  .dark\:focus\:bg-charcoal-900:where(.dark, .dark *):focus {
+    background-color: var(--color-charcoal-900);
+  }
 
-    .dark\:data-\[state\=indeterminate\]\:bg-gray-400[data-state="indeterminate"] {
-      background-color: var(--color-gray-400);
-    }
+  .dark\:focus\:ring-charcoal-300:where(.dark, .dark *):focus, .dark\:focus-visible\:ring-charcoal-300:where(.dark, .dark *):focus-visible {
+    --tw-ring-color: var(--color-charcoal-300);
+  }
 
-    .dark\:data-\[state\=indeterminate\]\:text-gray-900[data-state="indeterminate"] {
-      color: var(--color-gray-900);
-    }
+  .dark\:focus-visible\:ring-offset-charcoal-900:where(.dark, .dark *):focus-visible {
+    --tw-ring-offset-color: var(--color-charcoal-900);
+  }
 
-    @media (hover: hover) {
-      .dark\:data-\[state\=indeterminate\]\:group-hover\:bg-slate-50[data-state="indeterminate"]:is(:where(.group):hover *) {
-        background-color: var(--color-slate-50);
-      }
-    }
+  .dark\:active\:text-gray-300:where(.dark, .dark *):active {
+    color: var(--color-gray-300);
+  }
 
-    .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-500:disabled[data-invalid="false"][data-state="indeterminate"] {
-      background-color: var(--color-gray-500);
-    }
+  .disabled\:dark\:border-charcoal-800:disabled:where(.dark, .dark *) {
+    border-color: var(--color-charcoal-800);
+  }
 
-    .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800[data-invalid="true"][data-state="indeterminate"] {
-      background-color: var(--color-red-800) !important;
-    }
+  .disabled\:dark\:bg-charcoal-900:disabled:where(.dark, .dark *) {
+    background-color: var(--color-charcoal-900);
+  }
+
+  .disabled\:dark\:text-gray-300:disabled:where(.dark, .dark *) {
+    color: var(--color-gray-300);
+  }
+
+  .dark\:data-\[selected\=true\]\:bg-gray-900:where(.dark, .dark *)[data-selected="true"] {
+    background-color: var(--color-gray-900);
+  }
+
+  .dark\:data-\[state\]\:border-gray-500:where(.dark, .dark *)[data-state] {
+    border-color: var(--color-gray-500);
+  }
+
+  .dark\:data-\[invalid\=true\]\:data-\[state\]\:\!border-red-800:where(.dark, .dark *)[data-invalid="true"][data-state] {
+    border-color: var(--color-red-800) !important;
+  }
+
+  .dark\:data-\[state\=checked\]\:bg-\[\#3BBE5F\]:where(.dark, .dark *)[data-state="checked"] {
+    background-color: #3bbe5f;
+  }
+
+  .dark\:data-\[state\=checked\]\:bg-\[\#404446\]:where(.dark, .dark *)[data-state="checked"] {
+    background-color: #404446;
+  }
+
+  .dark\:data-\[state\=checked\]\:bg-gray-400:where(.dark, .dark *)[data-state="checked"] {
+    background-color: var(--color-gray-400);
+  }
 
-    .dark\:data-\[state\=unchecked\]\:bg-\[\#343839\][data-state="unchecked"] {
-      background-color: #343839;
+  .dark\:data-\[state\=checked\]\:text-gray-900:where(.dark, .dark *)[data-state="checked"] {
+    color: var(--color-gray-900);
+  }
+
+  @media (hover: hover) {
+    .dark\:data-\[state\=checked\]\:group-hover\:bg-slate-50:where(.dark, .dark *)[data-state="checked"]:is(:where(.group):hover *) {
+      background-color: var(--color-slate-50);
     }
+  }
+
+  .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-500:where(.dark, .dark *):disabled[data-invalid="false"][data-state="checked"] {
+    background-color: var(--color-gray-500);
+  }
+
+  .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:\!bg-red-800:where(.dark, .dark *)[data-invalid="true"][data-state="checked"] {
+    background-color: var(--color-red-800) !important;
+  }
+
+  .dark\:data-\[state\=indeterminate\]\:bg-gray-400:where(.dark, .dark *)[data-state="indeterminate"] {
+    background-color: var(--color-gray-400);
+  }
+
+  .dark\:data-\[state\=indeterminate\]\:text-gray-900:where(.dark, .dark *)[data-state="indeterminate"] {
+    color: var(--color-gray-900);
+  }
 
-    .dark\:data-\[state\=unchecked\]\:bg-\[\#404446\][data-state="unchecked"] {
-      background-color: #404446;
+  @media (hover: hover) {
+    .dark\:data-\[state\=indeterminate\]\:group-hover\:bg-slate-50:where(.dark, .dark *)[data-state="indeterminate"]:is(:where(.group):hover *) {
+      background-color: var(--color-slate-50);
     }
   }
 
+  .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-500:where(.dark, .dark *):disabled[data-invalid="false"][data-state="indeterminate"] {
+    background-color: var(--color-gray-500);
+  }
+
+  .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:\!bg-red-800:where(.dark, .dark *)[data-invalid="true"][data-state="indeterminate"] {
+    background-color: var(--color-red-800) !important;
+  }
+
+  .dark\:data-\[state\=unchecked\]\:bg-\[\#343839\]:where(.dark, .dark *)[data-state="unchecked"] {
+    background-color: #343839;
+  }
+
+  .dark\:data-\[state\=unchecked\]\:bg-\[\#404446\]:where(.dark, .dark *)[data-state="unchecked"] {
+    background-color: #404446;
+  }
+
   .focus\:\[\&_\.input-field\]\:bg-transparent:focus .input-field {
     background-color: #0000;
   }
@@ -4316,6 +4356,15 @@
     }
   }
 
+  .\[\&\>svg\]\:size-4 > svg {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+
+  .\[\&\>svg\]\:shrink-0 > svg {
+    flex-shrink: 0;
+  }
+
   .collapse {
     visibility: collapse;
   }