fix: clicking on label whitespace no longer focuses input

Clicking on the label itself still works.

BREAKING CHANGE: The label whitespace fix is a breaking change because it changes the layout of the label.
Style top no longer automatically does w-full. You must place an additional <div class="flex-1"/> after the label.
The top style will probably be removed in the future.

Author: AlansCodeLog

src/components/LibInput/LibInput.vue

@@ -26,6 +26,8 @@
 				{{ label }}
 			</slot>
 		</lib-label>
+		<!-- Allow blurring when clicking the blank part of a label. -->
+		<div class="flex-1"/>
 	</slot>
 	<!-- These are mostly copies of the classes on LibSimpleInput except made to work with disabled/readonly/etc manually since a div cannot have these states. -->
 	<div
@@ -39,7 +41,7 @@
 					relative
 					flex
 					flex-1
-					basis-[max-content]
+					basis-[100%]
 					flex-wrap
 					rounded
 					gap-2

src/components/LibLabel/LibLabel.vue

@@ -7,7 +7,6 @@
 			border-transparent
 		`,
 		type === 'top' && `
-			w-full
 			pr-0
 			text-sm
 		`,