@wrongstack/webui 0.104.0 → 0.107.2

package/dist/index.css

@@ -666,6 +666,9 @@ body::before {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
 }
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -849,12 +852,21 @@ body::before {
 .max-h-\[60vh\] {
   max-height: 60vh;
 }
+.max-h-\[70vh\] {
+  max-height: 70vh;
+}
+.max-h-\[75vh\] {
+  max-height: 75vh;
+}
 .max-h-\[80vh\] {
   max-height: 80vh;
 }
 .min-h-0 {
   min-height: 0px;
 }
+.min-h-\[16px\] {
+  min-height: 16px;
+}
 .min-h-\[44px\] {
   min-height: 44px;
 }
@@ -900,6 +912,9 @@ body::before {
 .w-5 {
   width: 1.25rem;
 }
+.w-56 {
+  width: 14rem;
+}
 .w-6 {
   width: 1.5rem;
 }
@@ -969,6 +984,9 @@ body::before {
 .max-w-\[60\%\] {
   max-width: 60%;
 }
+.max-w-\[7rem\] {
+  max-width: 7rem;
+}
 .max-w-\[85\%\] {
   max-width: 85%;
 }
@@ -1092,8 +1110,8 @@ body::before {
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 .flex-row {
   flex-direction: row;
@@ -1201,6 +1219,11 @@ body::before {
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
+.divide-y > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
 .overflow-auto {
   overflow: auto;
 }
@@ -1260,6 +1283,10 @@ body::before {
 .rounded-xl {
   border-radius: 0.75rem;
 }
+.rounded-t-lg {
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
+}
 .rounded-bl-md {
   border-bottom-left-radius: calc(var(--radius) - 2px);
 }
@@ -1272,6 +1299,9 @@ body::before {
 .border-0 {
   border-width: 0px;
 }
+.border-2 {
+  border-width: 2px;
+}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -1300,6 +1330,9 @@ body::before {
   --tw-border-opacity: 1;
   border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
 }
+.border-amber-400\/40 {
+  border-color: rgb(251 191 36 / 0.4);
+}
 .border-amber-500\/20 {
   border-color: rgb(245 158 11 / 0.2);
 }
@@ -1309,11 +1342,14 @@ body::before {
 .border-amber-500\/40 {
   border-color: rgb(245 158 11 / 0.4);
 }
+.border-blue-400\/40 {
+  border-color: rgb(96 165 250 / 0.4);
+}
 .border-blue-500\/20 {
   border-color: rgb(59 130 246 / 0.2);
 }
-.border-blue-500\/40 {
-  border-color: rgb(59 130 246 / 0.4);
+.border-blue-500\/30 {
+  border-color: rgb(59 130 246 / 0.3);
 }
 .border-border {
   border-color: hsl(var(--border));
@@ -1321,11 +1357,14 @@ body::before {
 .border-border\/40 {
   border-color: hsl(var(--border) / 0.4);
 }
+.border-border\/50 {
+  border-color: hsl(var(--border) / 0.5);
+}
 .border-border\/60 {
   border-color: hsl(var(--border) / 0.6);
 }
-.border-cyan-500\/40 {
-  border-color: rgb(6 182 212 / 0.4);
+.border-cyan-400\/40 {
+  border-color: rgb(34 211 238 / 0.4);
 }
 .border-destructive\/20 {
   border-color: hsl(var(--destructive) / 0.2);
@@ -1336,14 +1375,17 @@ body::before {
 .border-destructive\/50 {
   border-color: hsl(var(--destructive) / 0.5);
 }
+.border-emerald-400\/40 {
+  border-color: rgb(52 211 153 / 0.4);
+}
 .border-emerald-500\/20 {
   border-color: rgb(16 185 129 / 0.2);
 }
 .border-emerald-500\/40 {
   border-color: rgb(16 185 129 / 0.4);
 }
-.border-fuchsia-500\/50 {
-  border-color: rgb(217 70 239 / 0.5);
+.border-fuchsia-400\/50 {
+  border-color: rgb(232 121 249 / 0.5);
 }
 .border-green-500\/40 {
   border-color: rgb(34 197 94 / 0.4);
@@ -1351,6 +1393,9 @@ body::before {
 .border-input {
   border-color: hsl(var(--input));
 }
+.border-muted-foreground\/30 {
+  border-color: hsl(var(--muted-foreground) / 0.3);
+}
 .border-orange-500\/30 {
   border-color: rgb(249 115 22 / 0.3);
 }
@@ -1375,12 +1420,15 @@ body::before {
 .border-red-500\/40 {
   border-color: rgb(239 68 68 / 0.4);
 }
+.border-rose-400\/50 {
+  border-color: rgb(251 113 133 / 0.5);
+}
+.border-rose-500\/30 {
+  border-color: rgb(244 63 94 / 0.3);
+}
 .border-rose-500\/40 {
   border-color: rgb(244 63 94 / 0.4);
 }
-.border-rose-500\/50 {
-  border-color: rgb(244 63 94 / 0.5);
-}
 .border-transparent {
   border-color: transparent;
 }
@@ -1393,8 +1441,8 @@ body::before {
 .border-yellow-500\/50 {
   border-color: rgb(234 179 8 / 0.5);
 }
-.border-zinc-600\/40 {
-  border-color: rgb(82 82 91 / 0.4);
+.border-zinc-400\/40 {
+  border-color: rgb(161 161 170 / 0.4);
 }
 .border-l-emerald-500 {
   --tw-border-opacity: 1;
@@ -1410,9 +1458,6 @@ body::before {
 .border-t-transparent {
   border-top-color: transparent;
 }
-.bg-\[--color-surface-dark\] {
-  background-color: var(--color-surface-dark);
-}
 .bg-\[hsl\(var\(--info\)\/0\.15\)\] {
   background-color: hsl(var(--info)/0.15);
 }
@@ -1437,6 +1482,10 @@ body::before {
 .bg-accent\/40 {
   background-color: hsl(var(--accent) / 0.4);
 }
+.bg-amber-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
+}
 .bg-amber-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
@@ -1482,9 +1531,16 @@ body::before {
 .bg-background\/90 {
   background-color: hsl(var(--background) / 0.9);
 }
+.bg-black\/30 {
+  background-color: rgb(0 0 0 / 0.3);
+}
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
+.bg-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
 .bg-blue-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
@@ -1500,6 +1556,9 @@ body::before {
 .bg-blue-500\/10 {
   background-color: rgb(59 130 246 / 0.1);
 }
+.bg-blue-500\/15 {
+  background-color: rgb(59 130 246 / 0.15);
+}
 .bg-border {
   background-color: hsl(var(--border));
 }
@@ -1515,6 +1574,9 @@ body::before {
 .bg-card\/50 {
   background-color: hsl(var(--card) / 0.5);
 }
+.bg-card\/60 {
+  background-color: hsl(var(--card) / 0.6);
+}
 .bg-card\/70 {
   background-color: hsl(var(--card) / 0.7);
 }
@@ -1575,6 +1637,9 @@ body::before {
 .bg-muted {
   background-color: hsl(var(--muted));
 }
+.bg-muted-foreground {
+  background-color: hsl(var(--muted-foreground));
+}
 .bg-muted\/20 {
   background-color: hsl(var(--muted) / 0.2);
 }
@@ -1622,6 +1687,9 @@ body::before {
 .bg-primary\/15 {
   background-color: hsl(var(--primary) / 0.15);
 }
+.bg-primary\/20 {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .bg-primary\/5 {
   background-color: hsl(var(--primary) / 0.05);
 }
@@ -1631,6 +1699,10 @@ body::before {
 .bg-primary\/\[0\.04\] {
   background-color: hsl(var(--primary) / 0.04);
 }
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
 .bg-red-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -1824,10 +1896,18 @@ body::before {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+.py-12 {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1894,6 +1974,9 @@ body::before {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-\[10vh\] {
+  padding-top: 10vh;
+}
 .pt-\[14vh\] {
   padding-top: 14vh;
 }
@@ -2005,12 +2088,6 @@ body::before {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
-.text-\[--color-primary\] {
-  color: var(--color-primary);
-}
-.text-\[--color-text-dark-secondary\] {
-  color: var(--color-text-dark-secondary);
-}
 .text-\[hsl\(var\(--info\)\)\] {
   color: hsl(var(--info));
 }
@@ -2038,6 +2115,10 @@ body::before {
   --tw-text-opacity: 1;
   color: rgb(180 83 9 / var(--tw-text-opacity, 1));
 }
+.text-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2055,10 +2136,6 @@ body::before {
 .text-destructive-foreground {
   color: hsl(var(--destructive-foreground));
 }
-.text-emerald-400 {
-  --tw-text-opacity: 1;
-  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
-}
 .text-emerald-500 {
   --tw-text-opacity: 1;
   color: rgb(16 185 129 / var(--tw-text-opacity, 1));
@@ -2074,6 +2151,9 @@ body::before {
 .text-foreground {
   color: hsl(var(--foreground));
 }
+.text-foreground\/60 {
+  color: hsl(var(--foreground) / 0.6);
+}
 .text-foreground\/80 {
   color: hsl(var(--foreground) / 0.8);
 }
@@ -2146,9 +2226,9 @@ body::before {
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
 }
-.text-rose-400 {
+.text-rose-500 {
   --tw-text-opacity: 1;
-  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
+  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
 }
 .text-rose-600 {
   --tw-text-opacity: 1;
@@ -2201,6 +2281,9 @@ body::before {
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.accent-primary {
+  accent-color: hsl(var(--primary));
+}
 .opacity-0 {
   opacity: 0;
 }
@@ -2630,6 +2713,9 @@ body::before {
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
+.hover\:bg-accent\/20:hover {
+  background-color: hsl(var(--accent) / 0.2);
+}
 .hover\:bg-accent\/30:hover {
   background-color: hsl(var(--accent) / 0.3);
 }
@@ -2651,6 +2737,9 @@ body::before {
 .hover\:bg-background\/60:hover {
   background-color: hsl(var(--background) / 0.6);
 }
+.hover\:bg-destructive\/10:hover {
+  background-color: hsl(var(--destructive) / 0.1);
+}
 .hover\:bg-destructive\/25:hover {
   background-color: hsl(var(--destructive) / 0.25);
 }
@@ -2684,6 +2773,9 @@ body::before {
 .hover\:bg-primary-foreground\/10:hover {
   background-color: hsl(var(--primary-foreground) / 0.1);
 }
+.hover\:bg-primary\/10:hover {
+  background-color: hsl(var(--primary) / 0.1);
+}
 .hover\:bg-primary\/25:hover {
   background-color: hsl(var(--primary) / 0.25);
 }
@@ -2731,6 +2823,9 @@ body::before {
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:shadow-sm:hover {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -2872,6 +2967,9 @@ body::before {
     background-color: hsl(var(--card) / 0.5);
   }
 }
+.dark\:bg-amber-900\/40:is(.dark *) {
+  background-color: rgb(120 53 15 / 0.4);
+}
 .dark\:bg-amber-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
@@ -2879,6 +2977,9 @@ body::before {
 .dark\:bg-amber-950\/30:is(.dark *) {
   background-color: rgb(69 26 3 / 0.3);
 }
+.dark\:bg-blue-900\/40:is(.dark *) {
+  background-color: rgb(30 58 138 / 0.4);
+}
 .dark\:bg-blue-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
@@ -2887,6 +2988,9 @@ body::before {
   --tw-bg-opacity: 1;
   background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-emerald-900\/40:is(.dark *) {
+  background-color: rgb(6 78 59 / 0.4);
+}
 .dark\:bg-emerald-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
@@ -2898,6 +3002,9 @@ body::before {
   --tw-bg-opacity: 1;
   background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1));
 }
+.dark\:bg-red-900\/40:is(.dark *) {
+  background-color: rgb(127 29 29 / 0.4);
+}
 .dark\:bg-red-950:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
@@ -2988,6 +3095,9 @@ body::before {
   .sm\:block {
     display: block;
   }
+  .sm\:inline {
+    display: inline;
+  }
   .sm\:max-w-2xl {
     max-width: 42rem;
   }