compote-ui 0.74.0 → 0.74.2

package/dist/components/data-table-v9/toolbar/data-table-column-filter.svelte

@@ -290,7 +290,7 @@
 											: allOptions}
 										{@const selected = getSelectValues(column)}
 										<div class="flex flex-col gap-1">
-											<Field.Root>
+											<Field.Root hideMessageLine>
 												<Field.Input
 													placeholder="Search..."
 													value={search}
@@ -325,7 +325,7 @@
 											</ScrollArea.Root>
 										</div>
 									{:else}
-										<Field.Root>
+										<Field.Root hideMessageLine>
 											<Field.Input
 												placeholder="Search..."
 												value={localText[column.id] ?? ''}

package/dist/components/data-table-v9/toolbar/data-table-search.svelte

@@ -37,7 +37,7 @@
 	}
 </script>
 
-<Field.Root class={cn(className)}>
+<Field.Root class={cn(className)} hideMessageLine>
 	<Field.Input {placeholder} value={globalFilter} oninput={handleInput}>
 		{#snippet startIcon()}
 			<PhMagnifyingGlass class="size-4" />

package/dist/components/field/field.svelte

@@ -8,6 +8,7 @@
 		field,
 		helperText,
 		errorText,
+		hideMessageLine = false,
 		class: className,
 		invalid,
 		required,
@@ -37,7 +38,7 @@
 		<Field.ErrorText>{resolvedError}</Field.ErrorText>
 	{:else if helperText}
 		<Field.HelperText>{helperText}</Field.HelperText>
-	{:else}
+	{:else if !hideMessageLine}
 		<!--
 			Holds the message line open so a field does not change height when an
 			error appears. `1lh` resolves against this element's own line-height, so

package/dist/components/field/types.d.ts

@@ -19,6 +19,13 @@ export interface FieldRootProps extends FieldRootBaseProps {
      * for `invalid` and `required`.
      */
     errorText?: string | null;
+    /**
+     * Whether to drop the spacer that otherwise holds the message line open
+     * when there is no error or helper text to show. Defaults to `false`. Set
+     * to `true` for a field that never surfaces validation (a toolbar search
+     * box, say), so it doesn't reserve height it will never use.
+     */
+    hideMessageLine?: boolean;
 }
 export interface FieldLabelProps extends FieldLabelBaseProps {
     class?: ClassValue;

package/dist/components/tree-view/tree-view.svelte

@@ -120,7 +120,7 @@
 			{/snippet}
 		</TreeView.Context>
 		<div class="flex-1">
-			<Field.Root>
+			<Field.Root hideMessageLine>
 				<Field.Input bind:value={searchTerm} placeholder="Search...">
 					{#snippet startIcon()}
 						<PhMagnifyingGlass />

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.74.0",
+	"version": "0.74.2",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",

package/skills/component-usage/references/forms-and-inputs.md

@@ -36,7 +36,14 @@ genuinely need several, `<Field.ErrorText>` children still work.
 
 The message line is **always held open**, so a field never changes height when an error appears and
 nothing below it moves. Errors and `helperText` share that line — an error replaces the helper
-rather than stacking under it.
+rather than stacking under it. For a field that never surfaces validation (a toolbar search box,
+say), pass `hideMessageLine` to drop the spacer entirely:
+
+```svelte
+<Field.Root hideMessageLine>
+	<Field.Input bind:value={search} placeholder="Search..." />
+</Field.Root>
+```
 
 List controls use `{ value, label }` items: