@sinequa/galactik 2.6.0 → 2.7.0

package/fesm2022/sinequa-galactik.mjs

@@ -17,6 +17,7 @@ import { Toolbar, ToolbarWidget } from "@angular/aria/toolbar";
 import * as i1 from "@angular/aria/tree";
 import { Tree, TreeItem, TreeItemGroup } from "@angular/aria/tree";
 import { Grid, GridCell, GridRow } from "@angular/aria/grid";
+import { FormField, disabled, form, readonly } from "@angular/forms/signals";
 function isApplePlatform() {
 	if (typeof navigator === "undefined") return false;
 	const platform = navigator.userAgentData?.platform || navigator.userAgent;
@@ -6555,6 +6556,67 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 const QuestionCircleIconComponent = QuestionCircleIcon;
+var QuickFilterIcon = class QuickFilterIcon {
+	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: QuickFilterIcon,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: QuickFilterIcon,
+		isStandalone: true,
+		selector: "quick-filter, quick-filter-icon, QuickFilter, QuickFilterIcon",
+		inputs: { class: {
+			classPropertyName: "class",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: `
+    <svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
+      <path d="M5.5423 2.40094C5.1323 2.40094 4.7998 2.73344 4.7998 3.14344C4.7998 3.34094 4.8773 3.52844 5.0173 3.66844L8.3998 7.04844V9.60094C8.3998 9.76094 8.4623 9.91344 8.5748 10.0259L10.3323 11.7834C10.4723 11.9234 10.6598 12.0009 10.8573 12.0009C11.2673 12.0009 11.5998 11.6684 11.5998 11.2584V7.04844L14.9823 3.66594C15.1223 3.52594 15.1998 3.33844 15.1998 3.14094C15.1998 2.73094 14.8673 2.39844 14.4573 2.39844L5.5423 2.40094ZM9.4248 6.37594L6.6498 3.60094H13.3523L10.5773 6.37594C10.4648 6.48844 10.4023 6.64094 10.4023 6.80094V10.1534L9.60231 9.35344V6.80094C9.60231 6.64094 9.53981 6.48844 9.42731 6.37594H9.4248ZM4.4548 4.80094H1.5423C1.1323 4.80094 0.799805 5.13344 0.799805 5.54344C0.799805 5.74094 0.877305 5.92844 1.0173 6.06844L4.3998 9.44844V12.0009C4.3998 12.1609 4.4623 12.3134 4.5748 12.4259L6.3323 14.1834C6.4723 14.3234 6.6598 14.4009 6.8573 14.4009C7.2673 14.4009 7.5998 14.0684 7.5998 13.6584V10.7309C7.3423 10.4134 7.1998 10.0134 7.1998 9.59844V8.15094L6.5748 8.77594C6.4623 8.88844 6.3998 9.04094 6.3998 9.20094V12.5534L5.5998 11.7534V9.20094C5.5998 9.04094 5.5373 8.88844 5.4248 8.77594L2.6498 6.00094H5.6548L4.4548 4.80094Z" fill="currentColor"></path>
+    </svg>
+  `,
+		isInline: true,
+		styles: [":host{display:contents}\n"]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: QuickFilterIcon,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "quick-filter, quick-filter-icon, QuickFilter, QuickFilterIcon",
+			template: `
+    <svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">
+      <path d="M5.5423 2.40094C5.1323 2.40094 4.7998 2.73344 4.7998 3.14344C4.7998 3.34094 4.8773 3.52844 5.0173 3.66844L8.3998 7.04844V9.60094C8.3998 9.76094 8.4623 9.91344 8.5748 10.0259L10.3323 11.7834C10.4723 11.9234 10.6598 12.0009 10.8573 12.0009C11.2673 12.0009 11.5998 11.6684 11.5998 11.2584V7.04844L14.9823 3.66594C15.1223 3.52594 15.1998 3.33844 15.1998 3.14094C15.1998 2.73094 14.8673 2.39844 14.4573 2.39844L5.5423 2.40094ZM9.4248 6.37594L6.6498 3.60094H13.3523L10.5773 6.37594C10.4648 6.48844 10.4023 6.64094 10.4023 6.80094V10.1534L9.60231 9.35344V6.80094C9.60231 6.64094 9.53981 6.48844 9.42731 6.37594H9.4248ZM4.4548 4.80094H1.5423C1.1323 4.80094 0.799805 5.13344 0.799805 5.54344C0.799805 5.74094 0.877305 5.92844 1.0173 6.06844L4.3998 9.44844V12.0009C4.3998 12.1609 4.4623 12.3134 4.5748 12.4259L6.3323 14.1834C6.4723 14.3234 6.6598 14.4009 6.8573 14.4009C7.2673 14.4009 7.5998 14.0684 7.5998 13.6584V10.7309C7.3423 10.4134 7.1998 10.0134 7.1998 9.59844V8.15094L6.5748 8.77594C6.4623 8.88844 6.3998 9.04094 6.3998 9.20094V12.5534L5.5998 11.7534V9.20094C5.5998 9.04094 5.5373 8.88844 5.4248 8.77594L2.6498 6.00094H5.6548L4.4548 4.80094Z" fill="currentColor"></path>
+    </svg>
+  `,
+			styles: [":host{display:contents}\n"]
+		}]
+	}],
+	propDecorators: { class: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+const QuickFilterIconComponent = QuickFilterIcon;
 var RefreshIcon = class RefreshIcon {
 	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
 	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
@@ -9292,12 +9354,13 @@ function injectFloatingPanel(options) {
 			panel.showPopover();
 		}
 		const placement = typeof options.placement === "function" ? options.placement() : options.placement ?? "bottom-start";
+		const distance = typeof options.offset === "function" ? options.offset() : options.offset ?? 4;
 		const stop = autoUpdate(anchor, panel, () => {
 			computePosition(anchor, panel, {
 				strategy: "fixed",
 				placement,
 				middleware: [
-					offset(options.offset ?? 4),
+					offset(distance),
 					...allowFlip ? [flip()] : [],
 					shift({ padding: options.padding ?? 8 }),
 					...arrowElement ? [arrow({
@@ -9347,6 +9410,315 @@ function placeArrow(panel, arrowElement, placed, data) {
 	arrowElement.style.right = arrowElement.style.bottom = "";
 	arrowElement.style.setProperty(staticSide, `${-arrowElement.offsetWidth / 2}px`);
 }
+const TOP_MARGIN = 8;
+const BOTTOM_MARGIN = 16;
+const holders = /* @__PURE__ */ new WeakMap();
+const MIN_ROOM_BELOW = 24;
+var PopoverResizeHandleComponent = class PopoverResizeHandleComponent {
+	edge = input("top", ...ngDevMode ? [{ debugName: "edge" }] : /* istanbul ignore next */ []);
+	min = input(200, {
+		...ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	step = input(16, {
+		...ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	label = input("Resize", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
+	resizeStart = output();
+	host = inject(ElementRef);
+	destroyRef = inject(DestroyRef);
+	valueNow = signal(null, ...ngDevMode ? [{ debugName: "valueNow" }] : /* istanbul ignore next */ []);
+	valueMax = signal(null, ...ngDevMode ? [{ debugName: "valueMax" }] : /* istanbul ignore next */ []);
+	hidden = signal(false, ...ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("flex h-(--spacing-xs) w-full shrink-0 cursor-row-resize touch-none items-center justify-center rounded-(--radius-xs) outline-none hover:[&>span]:opacity-100 focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-(--stroke-focus) focus-visible:[&>span]:opacity-100", this.hidden() && "hidden", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	held = null;
+	heldTimer;
+	drag = null;
+	constructor() {
+		afterNextRender(() => {
+			const popover = this.popover();
+			if (!popover) return;
+			const refresh = () => this.refresh();
+			popover.addEventListener("toggle", refresh);
+			window.addEventListener("resize", refresh);
+			const observer = typeof ResizeObserver === "undefined" ? void 0 : new ResizeObserver(refresh);
+			observer?.observe(popover);
+			const placements = typeof MutationObserver === "undefined" ? void 0 : new MutationObserver(() => this.holdBottom());
+			placements?.observe(popover, {
+				attributes: true,
+				attributeFilter: ["style"]
+			});
+			this.destroyRef.onDestroy(() => {
+				popover.removeEventListener("toggle", refresh);
+				window.removeEventListener("resize", refresh);
+				observer?.disconnect();
+				placements?.disconnect();
+				clearTimeout(this.heldTimer);
+			});
+			this.refresh();
+		});
+	}
+	popover() {
+		return this.host.nativeElement.closest("[popover]");
+	}
+	refresh() {
+		const popover = this.popover();
+		if (!popover) return;
+		const rect = popover.getBoundingClientRect();
+		this.valueNow.set(Math.round(rect.height));
+		this.valueMax.set(Math.round(this.largest(rect)));
+		if (this.edge() === "bottom" && !this.drag) this.hidden.set(window.innerHeight - BOTTOM_MARGIN - rect.bottom < MIN_ROOM_BELOW);
+	}
+	largest(rect) {
+		return this.edge() === "top" ? rect.bottom - TOP_MARGIN : window.innerHeight - BOTTOM_MARGIN - rect.top;
+	}
+	setHeight(requested, bottom) {
+		const popover = this.popover();
+		if (!popover) return;
+		const rect = popover.getBoundingClientRect();
+		const height = Math.round(Math.min(Math.max(requested, this.min()), Math.max(this.min(), this.edge() === "top" ? bottom - TOP_MARGIN : window.innerHeight - BOTTOM_MARGIN - rect.top)));
+		popover.style.maxHeight = "none";
+		popover.style.height = `${height}px`;
+		if (this.edge() === "top") {
+			const translated = this.translateY(popover);
+			const top = rect.top - translated;
+			const next = bottom - height - top;
+			popover.style.translate = next ? `0 ${next}px` : "";
+			this.hold(bottom, popover);
+		}
+		this.valueNow.set(height);
+		this.valueMax.set(Math.round(this.edge() === "top" ? bottom - TOP_MARGIN : window.innerHeight - BOTTOM_MARGIN - popover.getBoundingClientRect().top));
+	}
+	holdBottom() {
+		const popover = this.popover();
+		if (this.held === null || !popover || this.edge() !== "top") return;
+		const rect = popover.getBoundingClientRect();
+		const translated = this.translateY(popover);
+		const next = this.held - rect.height - (rect.top - translated);
+		if (Math.abs(next - translated) > .5) popover.style.translate = next ? `0 ${next}px` : "";
+	}
+	hold(bottom, popover) {
+		holders.set(popover, this);
+		this.held = bottom;
+		clearTimeout(this.heldTimer);
+		this.heldTimer = setTimeout(() => this.held = null, 400);
+	}
+	release() {
+		this.held = null;
+		clearTimeout(this.heldTimer);
+	}
+	begin(popover) {
+		const other = holders.get(popover);
+		if (other && other !== this) other.release();
+		this.resizeStart.emit();
+	}
+	translateY(popover) {
+		const parts = popover.style.translate.trim().split(/\s+/);
+		return parts.length > 1 ? parseFloat(parts[1]) || 0 : 0;
+	}
+	onPointerDown(event) {
+		const popover = this.popover();
+		if (!popover || event.pointerType === "mouse" && event.button !== 0) return;
+		this.begin(popover);
+		const rect = popover.getBoundingClientRect();
+		this.drag = {
+			pointerId: event.pointerId,
+			startY: event.clientY,
+			startHeight: rect.height,
+			bottom: rect.bottom
+		};
+		this.host.nativeElement.setPointerCapture?.(event.pointerId);
+		event.preventDefault();
+	}
+	onPointerMove(event) {
+		const drag = this.drag;
+		if (!drag || event.pointerId !== drag.pointerId) return;
+		const delta = this.edge() === "top" ? drag.startY - event.clientY : event.clientY - drag.startY;
+		this.setHeight(drag.startHeight + delta, drag.bottom);
+	}
+	onPointerEnd(event) {
+		if (!this.drag || event.pointerId !== this.drag.pointerId) return;
+		this.host.nativeElement.releasePointerCapture?.(event.pointerId);
+		this.drag = null;
+		this.refresh();
+	}
+	onKeydown(event) {
+		const popover = this.popover();
+		if (!popover) return;
+		const rect = popover.getBoundingClientRect();
+		const grows = this.edge() === "top" ? "ArrowUp" : "ArrowDown";
+		const shrinks = this.edge() === "top" ? "ArrowDown" : "ArrowUp";
+		let height;
+		if (event.key === grows) height = rect.height + this.step();
+		else if (event.key === shrinks) height = rect.height - this.step();
+		else if (event.key === "Home") height = this.min();
+		else if (event.key === "End") height = this.largest(rect);
+		else return;
+		event.preventDefault();
+		this.begin(popover);
+		this.setHeight(height, rect.bottom);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PopoverResizeHandleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: PopoverResizeHandleComponent,
+		isStandalone: true,
+		selector: "PopoverResizeHandle, popover-resize-handle",
+		inputs: {
+			edge: {
+				classPropertyName: "edge",
+				publicName: "edge",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			step: {
+				classPropertyName: "step",
+				publicName: "step",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { resizeStart: "resizeStart" },
+		host: {
+			attributes: {
+				"role": "separator",
+				"aria-orientation": "horizontal"
+			},
+			listeners: {
+				"pointerdown": "onPointerDown($event)",
+				"pointermove": "onPointerMove($event)",
+				"pointerup": "onPointerEnd($event)",
+				"pointercancel": "onPointerEnd($event)",
+				"keydown": "onKeydown($event)",
+				"focus": "refresh()"
+			},
+			properties: {
+				"attr.aria-label": "label()",
+				"attr.aria-valuemin": "min()",
+				"attr.aria-valuenow": "valueNow()",
+				"attr.aria-valuemax": "valueMax()",
+				"attr.tabindex": "hidden() ? -1 : 0",
+				"class": "classes()"
+			}
+		},
+		ngImport: i0,
+		template: `<span
+    aria-hidden="true"
+    class="h-0.5 w-6 rounded-full bg-(--bg-neutral-base) opacity-0 transition-opacity duration-150 motion-reduce:transition-none"></span>`,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PopoverResizeHandleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "PopoverResizeHandle, popover-resize-handle",
+			template: `<span
+    aria-hidden="true"
+    class="h-0.5 w-6 rounded-full bg-(--bg-neutral-base) opacity-0 transition-opacity duration-150 motion-reduce:transition-none"></span>`,
+			host: {
+				role: "separator",
+				"aria-orientation": "horizontal",
+				"[attr.aria-label]": "label()",
+				"[attr.aria-valuemin]": "min()",
+				"[attr.aria-valuenow]": "valueNow()",
+				"[attr.aria-valuemax]": "valueMax()",
+				"[attr.tabindex]": "hidden() ? -1 : 0",
+				"[class]": "classes()",
+				"(pointerdown)": "onPointerDown($event)",
+				"(pointermove)": "onPointerMove($event)",
+				"(pointerup)": "onPointerEnd($event)",
+				"(pointercancel)": "onPointerEnd($event)",
+				"(keydown)": "onKeydown($event)",
+				"(focus)": "refresh()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		edge: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "edge",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		step: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "step",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		resizeStart: [{
+			type: i0.Output,
+			args: ["resizeStart"]
+		}]
+	}
+});
 const TOOLTIP_CLASS = "tooltip-panel";
 const tooltipVariants = cva([
 	TOOLTIP_CLASS,
@@ -12172,7 +12544,7 @@ const inputWrapVariants = cva([
 	"hover:not-has-disabled:not-has-[[readonly]]:not-has-focus:border-(--stroke-primary-hovered)",
 	"hover:not-has-disabled:not-has-[[readonly]]:not-has-focus:bg-(--bg-primary-lighter)",
 	"has-focus:not-has-disabled:not-has-[[readonly]]:bg-(--bg-neutral-white)",
-	"has-focus:not-has-disabled:not-has-[[readonly]]:outline-2 has-focus:not-has-disabled:not-has-[[readonly]]:outline-offset-0 has-focus:not-has-disabled:not-has-[[readonly]]:outline-(--bg-primary-hovered) has-focus:not-has-disabled:not-has-[[readonly]]:outline-solid",
+	"has-focus:not-has-disabled:not-has-[[readonly]]:outline-2 has-focus:not-has-disabled:not-has-[[readonly]]:outline-offset-0 has-focus:not-has-disabled:not-has-[[readonly]]:outline-(--stroke-focus) has-focus:not-has-disabled:not-has-[[readonly]]:outline-solid",
 	"has-disabled:cursor-not-allowed has-disabled:border-(--stroke-neutral-disabled) has-disabled:bg-(--bg-neutral-disabled)",
 	"has-disabled:[&_.input-control]:text-(--font-neutral-muted)",
 	"has-disabled:[&_.input-control]:cursor-not-allowed",
@@ -14075,7 +14447,9 @@ const toggleVariants = cva([
 				"text-(--font-primary-base)",
 				"not-aria-disabled:not-aria-pressed:hover:bg-(--bg-primary-hovered) not-aria-disabled:not-aria-pressed:hover:text-(--font-neutral-white)",
 				"not-aria-disabled:not-aria-pressed:active:bg-(--bg-primary-pressed) not-aria-disabled:not-aria-pressed:active:font-bold not-aria-disabled:not-aria-pressed:active:text-(--font-primary-pressed)",
-				"aria-pressed:bg-(--bg-neutral-white) aria-pressed:text-(--font-primary-base) aria-pressed:shadow-(--shadow-2)"
+				"aria-pressed:bg-(--bg-neutral-white) aria-pressed:text-(--font-primary-base) aria-pressed:shadow-(--shadow-2)",
+				"[.dark_&]:aria-pressed:bg-(--bg-primary-base)",
+				"[.dark_&]:not-aria-disabled:not-aria-pressed:hover:bg-(--bg-primary-light)"
 			],
 			multi: [
 				"text-(--font-neutral-black)",
@@ -14126,7 +14500,7 @@ const toggleVariants = cva([
 			class: [
 				"aria-pressed:before:absolute aria-pressed:before:content-['']",
 				"aria-pressed:before:h-[2px] aria-pressed:before:rounded-[1px]",
-				"aria-pressed:before:pointer-events-none aria-pressed:before:bg-(--stroke-primary-lighter)"
+				"aria-pressed:before:pointer-events-none aria-pressed:before:bg-(--stroke-primary-lighter) [.dark_&]:aria-pressed:before:bg-(--font-primary-base)"
 			]
 		},
 		{
@@ -14160,7 +14534,7 @@ const toggleVariants = cva([
 				"aria-pressed:before:absolute aria-pressed:before:content-['']",
 				"aria-pressed:before:left-1/2 aria-pressed:before:-translate-x-1/2",
 				"aria-pressed:before:h-[2px] aria-pressed:before:w-2 aria-pressed:before:rounded-[1px]",
-				"aria-pressed:before:pointer-events-none aria-pressed:before:bg-(--stroke-primary-lighter)"
+				"aria-pressed:before:pointer-events-none aria-pressed:before:bg-(--stroke-primary-lighter) [.dark_&]:aria-pressed:before:bg-(--font-primary-base)"
 			]
 		},
 		{
@@ -14197,8 +14571,8 @@ const toggleVariants = cva([
 });
 const toggleGroupVariants = cva(["inline-flex items-center gap-(--spacing-3xs)"], {
 	variants: { variant: {
-		single: "rounded-(--radius-rounded) bg-(--bg-primary-lightest) p-(--spacing-3xs)",
-		multi: "rounded-(--radius-rounded) border border-(--stroke-primary-lighter) bg-(--bg-neutral-white) px-(--spacing-xl) py-(--spacing-2xs) shadow-(--shadow-1)"
+		single: "rounded-(--radius-rounded) bg-(--bg-primary-lightest) p-(--spacing-3xs) [.dark_&]:bg-(--bg-primary-lighter)",
+		multi: "rounded-(--radius-rounded) border border-(--stroke-primary-lighter) bg-(--bg-neutral-white) px-(--spacing-xl) py-(--spacing-2xs) shadow-(--shadow-1) [.dark_&]:border-(--stroke-primary-light)"
 	} },
 	defaultVariants: { variant: "single" }
 });
@@ -14894,7 +15268,10 @@ i0.ɵɵngDeclareClassMetadata({
 });
 const kbdVariants = cva([
 	"pointer-events-none inline-flex w-fit items-center justify-center gap-(--spacing-4xs) select-none",
-	"border border-solid border-(--stroke-neutral-disabled) bg-(--bg-neutral-base) text-(--font-neutral-base)",
+	"border border-solid text-(--font-neutral-base)",
+	"border-[color-mix(in_srgb,var(--bg-neutral-base),black_15%)] bg-(--bg-neutral-base)",
+	"[.dark_&]:bg-[color-mix(in_srgb,var(--bg-neutral-base),white_5%)]",
+	"[.dark_&]:border-[color-mix(in_srgb,var(--bg-neutral-base),white_20%)]",
 	"font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] font-medium",
 	"[&_svg:not([class*='size-'])]:size-3"
 ], {
@@ -20422,6 +20799,9 @@ const SEARCH_INPUT_IMPORTS = [
 	XMarkIcon,
 	TooltipDirective
 ];
+const STATE_ATTRIBUTES$1 = `
+        [disabled]="disabled()"
+        [readOnly]="readonly()"`;
 const BEFORE_CONTROL$1 = `
     <input-group [size]="size()" [textSize]="textSize()" [class]="cn('group/search', class())">
       <span input-icon-left>
@@ -20435,8 +20815,10 @@ const CONTROL_ATTRIBUTES$1 = `
         autocapitalize="off"
         autocomplete="off"
         autocorrect="off"
-        [disabled]="disabled()"
         [placeholder]="placeholder()"
+        [attr.aria-required]="required() || null"
+        [attr.aria-invalid]="invalid() || null"
+        (blur)="touch.emit()"
         [attr.aria-label]="ariaLabel()"
         [attr.aria-keyshortcuts]="hotkey()"`;
 const AFTER_CONTROL$1 = `
@@ -20469,6 +20851,22 @@ var SearchInputBase = class SearchInputBase {
 		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touch = output();
+	focus(options) {
+		this.searchInput().nativeElement.focus(options);
+	}
 	ariaLabel = input(void 0, {
 		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
 		alias: "aria-label"
@@ -20521,6 +20919,27 @@ var SearchInputBase = class SearchInputBase {
 				isRequired: false,
 				transformFunction: null
 			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			ariaLabel: {
 				classPropertyName: "ariaLabel",
 				publicName: "aria-label",
@@ -20564,7 +20983,10 @@ var SearchInputBase = class SearchInputBase {
 				transformFunction: null
 			}
 		},
-		outputs: { value: "valueChange" },
+		outputs: {
+			value: "valueChange",
+			touch: "touch"
+		},
 		host: { properties: { "class": "cn(disabled() && 'pointer-events-none opacity-50')" } },
 		viewQueries: [{
 			propertyName: "searchInput",
@@ -20617,6 +21039,34 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
 		ariaLabel: [{
 			type: i0.Input,
 			args: [{
@@ -20668,6 +21118,10 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var SearchInputComponent = class SearchInputComponent extends SearchInputBase {
+	field = form(this.value, (path) => {
+		disabled(path, () => this.disabled());
+		readonly(path, () => this.readonly());
+	});
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -20684,7 +21138,7 @@ var SearchInputComponent = class SearchInputComponent extends SearchInputBase {
 		selector: "SearchInput:not([suggestions]), search-input:not([suggestions]), searchinput:not([suggestions])",
 		usesInheritance: true,
 		ngImport: i0,
-		template: "\n    <input-group [size]=\"size()\" [textSize]=\"textSize()\" [class]=\"cn('group/search', class())\">\n      <span input-icon-left>\n        <SearchIcon [class]=\"searchIconClass()\" />\n      </span>\n      <input \n        input-control\n        #search\n        type=\"search\"\n        spellcheck=\"false\"\n        autocapitalize=\"off\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        [disabled]=\"disabled()\"\n        [placeholder]=\"placeholder()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-keyshortcuts]=\"hotkey()\"\n        [value]=\"value()\"\n        (input)=\"value.set($any($event.target).value)\" />\n      <button\n        input-icon-right\n        variant=\"tertiary\"\n        scheme=\"neutral\"\n        [iconOnly]=\"true\"\n        [size]=\"buttonSize()\"\n        type=\"button\"\n        [class]=\"value()\n          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n        [tabindex]=\"value() ? 0 : -1\"\n        [attr.aria-label]=\"clearLabel()\"\n        [tooltip]=\"clearLabel()\"\n        (keydown.enter)=\"clearSearch($event)\"\n        (click)=\"clearSearch($event)\">\n        <XMarkIcon [class]=\"iconClass()\" />\n        <span class=\"sr-only\">{{ clearLabel() }}</span>\n      </button>\n      <ng-content />\n    </input-group>\n  ",
+		template: "\n    <input-group [size]=\"size()\" [textSize]=\"textSize()\" [class]=\"cn('group/search', class())\">\n      <span input-icon-left>\n        <SearchIcon [class]=\"searchIconClass()\" />\n      </span>\n      <input \n        input-control\n        #search\n        type=\"search\"\n        spellcheck=\"false\"\n        autocapitalize=\"off\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        [placeholder]=\"placeholder()\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"invalid() || null\"\n        (blur)=\"touch.emit()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-keyshortcuts]=\"hotkey()\"\n        [formField]=\"field\" />\n      <button\n        input-icon-right\n        variant=\"tertiary\"\n        scheme=\"neutral\"\n        [iconOnly]=\"true\"\n        [size]=\"buttonSize()\"\n        type=\"button\"\n        [class]=\"value()\n          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n        [tabindex]=\"value() ? 0 : -1\"\n        [attr.aria-label]=\"clearLabel()\"\n        [tooltip]=\"clearLabel()\"\n        (keydown.enter)=\"clearSearch($event)\"\n        (click)=\"clearSearch($event)\">\n        <XMarkIcon [class]=\"iconClass()\" />\n        <span class=\"sr-only\">{{ clearLabel() }}</span>\n      </button>\n      <ng-content />\n    </input-group>\n  ",
 		isInline: true,
 		dependencies: [
 			{
@@ -20768,6 +21222,13 @@ var SearchInputComponent = class SearchInputComponent extends SearchInputBase {
 					"tooltip-offset"
 				],
 				exportAs: ["tooltip"]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
 			}
 		]
 	});
@@ -20782,11 +21243,10 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "SearchInput:not([suggestions]), search-input:not([suggestions]), searchinput:not([suggestions])",
 			standalone: true,
-			imports: SEARCH_INPUT_IMPORTS,
+			imports: [...SEARCH_INPUT_IMPORTS, FormField],
 			template: `${BEFORE_CONTROL$1}
       <input ${CONTROL_ATTRIBUTES$1}
-        [value]="value()"
-        (input)="value.set($any($event.target).value)" />${AFTER_CONTROL$1}
+        [formField]="field" />${AFTER_CONTROL$1}
   `
 		}]
 	}]
@@ -20816,7 +21276,7 @@ var SearchInputSuggestionsComponent = class SearchInputSuggestionsComponent exte
 		}],
 		usesInheritance: true,
 		ngImport: i0,
-		template: "\n    <input-group [size]=\"size()\" [textSize]=\"textSize()\" [class]=\"cn('group/search', class())\">\n      <span input-icon-left>\n        <SearchIcon [class]=\"searchIconClass()\" />\n      </span>\n      <input\n        ngCombobox \n        input-control\n        #search\n        type=\"search\"\n        spellcheck=\"false\"\n        autocapitalize=\"off\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        [disabled]=\"disabled()\"\n        [placeholder]=\"placeholder()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-keyshortcuts]=\"hotkey()\"\n        [(value)]=\"value\" />\n      <button\n        input-icon-right\n        variant=\"tertiary\"\n        scheme=\"neutral\"\n        [iconOnly]=\"true\"\n        [size]=\"buttonSize()\"\n        type=\"button\"\n        [class]=\"value()\n          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n        [tabindex]=\"value() ? 0 : -1\"\n        [attr.aria-label]=\"clearLabel()\"\n        [tooltip]=\"clearLabel()\"\n        (keydown.enter)=\"clearSearch($event)\"\n        (click)=\"clearSearch($event)\">\n        <XMarkIcon [class]=\"iconClass()\" />\n        <span class=\"sr-only\">{{ clearLabel() }}</span>\n      </button>\n      <ng-content />\n    </input-group>\n  ",
+		template: "\n    <input-group [size]=\"size()\" [textSize]=\"textSize()\" [class]=\"cn('group/search', class())\">\n      <span input-icon-left>\n        <SearchIcon [class]=\"searchIconClass()\" />\n      </span>\n      <input\n        ngCombobox \n        input-control\n        #search\n        type=\"search\"\n        spellcheck=\"false\"\n        autocapitalize=\"off\"\n        autocomplete=\"off\"\n        autocorrect=\"off\"\n        [placeholder]=\"placeholder()\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"invalid() || null\"\n        (blur)=\"touch.emit()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-keyshortcuts]=\"hotkey()\" \n        [disabled]=\"disabled()\"\n        [readOnly]=\"readonly()\"\n        [(value)]=\"value\" />\n      <button\n        input-icon-right\n        variant=\"tertiary\"\n        scheme=\"neutral\"\n        [iconOnly]=\"true\"\n        [size]=\"buttonSize()\"\n        type=\"button\"\n        [class]=\"value()\n          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n        [tabindex]=\"value() ? 0 : -1\"\n        [attr.aria-label]=\"clearLabel()\"\n        [tooltip]=\"clearLabel()\"\n        (keydown.enter)=\"clearSearch($event)\"\n        (click)=\"clearSearch($event)\">\n        <XMarkIcon [class]=\"iconClass()\" />\n        <span class=\"sr-only\">{{ clearLabel() }}</span>\n      </button>\n      <ng-content />\n    </input-group>\n  ",
 		isInline: true,
 		dependencies: [
 			{
@@ -20934,7 +21394,7 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [...SEARCH_INPUT_IMPORTS, Combobox],
 			template: `${BEFORE_CONTROL$1}
       <input
-        ngCombobox ${CONTROL_ATTRIBUTES$1}
+        ngCombobox ${CONTROL_ATTRIBUTES$1} ${STATE_ATTRIBUTES$1}
         [(value)]="value" />${AFTER_CONTROL$1}
   `
 		}]
@@ -20965,7 +21425,8 @@ const searchBarVariants = cva([
 	variants: { size: {
 		small: "h-6  gap-(--spacing-xs)  px-(--spacing-xs) [&_.sb-icon]:text-(length:--icon-xs) [&_.sb-input]:text-(length:--size-xs)",
 		medium: "h-9  gap-(--spacing-xs)  px-(--spacing-md) [&_.sb-icon]:text-(length:--icon-sm) [&_.sb-input]:text-(length:--size-base)",
-		large: "h-(--row-height-lg) gap-(--spacing-2xs) px-(--spacing-md) [&_.sb-icon]:text-base [&_.sb-input]:text-(length:--size-lg)"
+		large: "h-(--row-height-lg) gap-(--spacing-2xs) px-(--spacing-md) [&_.sb-icon]:text-base [&_.sb-input]:text-(length:--size-lg)",
+		hero: "gap-(--spacing-2xs) py-(--spacing-xs) ps-(--spacing-lg) pe-(--spacing-xs) shadow-(--shadow-2) [&_.sb-icon]:hidden [&_.sb-input]:text-(length:--size-lg)"
 	} },
 	defaultVariants: { size: "large" }
 });
@@ -20976,6 +21437,9 @@ const SEARCH_BAR_IMPORTS = [
 	XMarkIcon,
 	TooltipDirective
 ];
+const STATE_ATTRIBUTES = `
+      [disabled]="disabled()"
+      [readOnly]="readonly()"`;
 const BEFORE_CONTROL = `
     <span class="sb-icon">
       <SearchIcon [class]="searchIconClass()" />
@@ -20989,8 +21453,10 @@ const CONTROL_ATTRIBUTES = `
       autocapitalize="off"
       autocomplete="off"
       autocorrect="off"
-      [disabled]="disabled()"
       [placeholder]="placeholder()"
+      [attr.aria-required]="required() || null"
+      [attr.aria-invalid]="invalid() || null"
+      (blur)="touch.emit()"
       [attr.aria-label]="ariaLabel()"
       [attr.aria-keyshortcuts]="hotkey()"
       (search)="$event.stopPropagation()"`;
@@ -21018,21 +21484,23 @@ const AFTER_CONTROL = `
          rester APRÈS le bouton d'envoi porte slot="trailing" (voir plus bas). -->
     <ng-content />
     <button
-      variant="tertiary"
-      scheme="neutral"
+      [variant]="isHero() ? 'primary' : 'tertiary'"
+      [scheme]="isHero() ? 'default' : 'neutral'"
       [iconOnly]="true"
       [size]="buttonSize()"
       type="button"
       [disabled]="disabled()"
-      [class]="value()
-        ? 'opacity-100 transition-opacity duration-300'
-        : 'opacity-0 pointer-events-none transition-opacity duration-300'"
-      [tabindex]="value() && !disabled() ? 0 : -1"
+      [class]="sendClass()"
+      [tabindex]="(value() || isHero()) && !disabled() ? 0 : -1"
       [attr.aria-label]="sendLabel()"
       [tooltip]="sendLabel()"
       (keydown.enter)="emitSearch($event)"
       (click)="emitSearch($event)">
-      <SendHorizontalIcon [class]="iconClass()" aria-hidden="true" />
+      @if (isHero()) {
+        <SearchIcon [class]="iconClass()" aria-hidden="true" />
+      } @else {
+        <SendHorizontalIcon [class]="iconClass()" aria-hidden="true" />
+      }
       <span class="sr-only">{{ sendLabel() }}</span>
     </button>
     <!-- Zone de fin de pilule, après le bouton d'envoi (CTA du type « Ask AI »…).
@@ -21059,10 +21527,31 @@ var SearchBarBase = class SearchBarBase {
 		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touch = output();
+	focus(options) {
+		this.searchInput().nativeElement.focus(options);
+	}
 	hotkey = input(...ngDevMode ? [void 0, { debugName: "hotkey" }] : /* istanbul ignore next */ []);
 	size = input("large", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
 	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
-	buttonSize = computed(() => this.size() === "small" ? "xs" : "sm", ...ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []);
+	buttonSize = computed(() => this.size() === "small" ? "xs" : this.size() === "hero" ? "md" : "sm", ...ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []);
+	isHero = computed(() => this.size() === "hero", ...ngDevMode ? [{ debugName: "isHero" }] : /* istanbul ignore next */ []);
+	sendClass = computed(() => {
+		if (this.isHero()) return cn("rounded-full transition-opacity duration-300", this.value() ? "opacity-100" : "opacity-50");
+		return this.value() ? "opacity-100 transition-opacity duration-300" : "opacity-0 pointer-events-none transition-opacity duration-300";
+	}, ...ngDevMode ? [{ debugName: "sendClass" }] : /* istanbul ignore next */ []);
 	iconClass = computed(() => cn("shrink-0", this.size() === "small" ? "size-3" : ""), ...ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []);
 	searchIconClass = computed(() => cn("rotate-0 transition-[rotate] duration-500 group-focus-within/search:rotate-90", this.iconClass()), ...ngDevMode ? [{ debugName: "searchIconClass" }] : /* istanbul ignore next */ []);
 	clearSearch(e) {
@@ -21134,6 +21623,27 @@ var SearchBarBase = class SearchBarBase {
 				isRequired: false,
 				transformFunction: null
 			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			hotkey: {
 				classPropertyName: "hotkey",
 				publicName: "hotkey",
@@ -21158,7 +21668,8 @@ var SearchBarBase = class SearchBarBase {
 		},
 		outputs: {
 			value: "valueChange",
-			search: "search"
+			search: "search",
+			touch: "touch"
 		},
 		host: { properties: { "class": "cn('group/search', searchBarVariants({ size: size(), class: class() }))" } },
 		viewQueries: [{
@@ -21240,6 +21751,34 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
 		hotkey: [{
 			type: i0.Input,
 			args: [{
@@ -21267,6 +21806,10 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var SearchBarComponent = class SearchBarComponent extends SearchBarBase {
+	field = form(this.value, (path) => {
+		disabled(path, () => this.disabled());
+		readonly(path, () => this.readonly());
+	});
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -21276,14 +21819,14 @@ var SearchBarComponent = class SearchBarComponent extends SearchBarBase {
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
+		minVersion: "17.0.0",
 		version: "22.2.1",
 		type: SearchBarComponent,
 		isStandalone: true,
 		selector: "SearchBar:not([suggestions]), search-bar:not([suggestions]), searchbar:not([suggestions])",
 		usesInheritance: true,
 		ngImport: i0,
-		template: "\n    <span class=\"sb-icon\">\n      <SearchIcon [class]=\"searchIconClass()\" />\n    </span>\n    <input \n      class=\"sb-input\"\n      [class]=\"searchNativeReset\"\n      #search\n      type=\"search\"\n      spellcheck=\"false\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [disabled]=\"disabled()\"\n      [placeholder]=\"placeholder()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-keyshortcuts]=\"hotkey()\"\n      (search)=\"$event.stopPropagation()\"\n      [value]=\"value()\"\n      (input)=\"value.set($any($event.target).value)\"\n      (keydown.enter)=\"emitSearchOnEnter($event)\" />\n    <button\n      variant=\"tertiary\"\n      scheme=\"neutral\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"value()\n        ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n        : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n      [tabindex]=\"value() && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"clearLabel()\"\n      [tooltip]=\"clearLabel()\"\n      (keydown.enter)=\"clearSearch($event)\"\n      (click)=\"clearSearch($event)\">\n      <XMarkIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{ clearLabel() }}</span>\n    </button>\n    <!-- Actions applicatives (favori, filtre rapide…) : le slot par défaut est ici, entre « clear »\n         et « send », parce que c'est la place naturelle d'une action liée à la requête. Ce qui doit\n         rester APRÈS le bouton d'envoi porte slot=\"trailing\" (voir plus bas). -->\n    <ng-content />\n    <button\n      variant=\"tertiary\"\n      scheme=\"neutral\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"value()\n        ? 'opacity-100 transition-opacity duration-300'\n        : 'opacity-0 pointer-events-none transition-opacity duration-300'\"\n      [tabindex]=\"value() && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"sendLabel()\"\n      [tooltip]=\"sendLabel()\"\n      (keydown.enter)=\"emitSearch($event)\"\n      (click)=\"emitSearch($event)\">\n      <SendHorizontalIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{ sendLabel() }}</span>\n    </button>\n    <!-- Zone de fin de pilule, après le bouton d'envoi (CTA du type « Ask AI »…).\n         ⚠️ Le contenu d'un bloc @if ne peut pas atteindre ce slot : la projection ne teste que les\n         enfants directs de l'hôte, et le nœud d'un @if ne porte aucun attribut — il retombe donc\n         dans le slot par défaut. Envelopper alors le bloc dans un <ng-container slot=\"trailing\">. -->\n    <ng-content select=\"[slot='trailing']\" />\n",
+		template: "\n    <span class=\"sb-icon\">\n      <SearchIcon [class]=\"searchIconClass()\" />\n    </span>\n    <input \n      class=\"sb-input\"\n      [class]=\"searchNativeReset\"\n      #search\n      type=\"search\"\n      spellcheck=\"false\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [placeholder]=\"placeholder()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      (blur)=\"touch.emit()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-keyshortcuts]=\"hotkey()\"\n      (search)=\"$event.stopPropagation()\"\n      [formField]=\"field\"\n      (keydown.enter)=\"emitSearchOnEnter($event)\" />\n    <button\n      variant=\"tertiary\"\n      scheme=\"neutral\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"value()\n        ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n        : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n      [tabindex]=\"value() && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"clearLabel()\"\n      [tooltip]=\"clearLabel()\"\n      (keydown.enter)=\"clearSearch($event)\"\n      (click)=\"clearSearch($event)\">\n      <XMarkIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{ clearLabel() }}</span>\n    </button>\n    <!-- Actions applicatives (favori, filtre rapide…) : le slot par défaut est ici, entre « clear »\n         et « send », parce que c'est la place naturelle d'une action liée à la requête. Ce qui doit\n         rester APRÈS le bouton d'envoi porte slot=\"trailing\" (voir plus bas). -->\n    <ng-content />\n    <button\n      [variant]=\"isHero() ? 'primary' : 'tertiary'\"\n      [scheme]=\"isHero() ? 'default' : 'neutral'\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"sendClass()\"\n      [tabindex]=\"(value() || isHero()) && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"sendLabel()\"\n      [tooltip]=\"sendLabel()\"\n      (keydown.enter)=\"emitSearch($event)\"\n      (click)=\"emitSearch($event)\">\n      @if (isHero()) {\n        <SearchIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      } @else {\n        <SendHorizontalIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      }\n      <span class=\"sr-only\">{{ sendLabel() }}</span>\n    </button>\n    <!-- Zone de fin de pilule, après le bouton d'envoi (CTA du type « Ask AI »…).\n         ⚠️ Le contenu d'un bloc @if ne peut pas atteindre ce slot : la projection ne teste que les\n         enfants directs de l'hôte, et le nœud d'un @if ne porte aucun attribut — il retombe donc\n         dans le slot par défaut. Envelopper alors le bloc dans un <ng-container slot=\"trailing\">. -->\n    <ng-content select=\"[slot='trailing']\" />\n",
 		isInline: true,
 		dependencies: [
 			{
@@ -21341,6 +21884,13 @@ var SearchBarComponent = class SearchBarComponent extends SearchBarBase {
 					"tooltip-offset"
 				],
 				exportAs: ["tooltip"]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
 			}
 		]
 	});
@@ -21355,11 +21905,10 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "SearchBar:not([suggestions]), search-bar:not([suggestions]), searchbar:not([suggestions])",
 			standalone: true,
-			imports: SEARCH_BAR_IMPORTS,
+			imports: [...SEARCH_BAR_IMPORTS, FormField],
 			template: `${BEFORE_CONTROL}
     <input ${CONTROL_ATTRIBUTES}
-      [value]="value()"
-      (input)="value.set($any($event.target).value)"
+      [formField]="field"
       (keydown.enter)="emitSearchOnEnter($event)" />${AFTER_CONTROL}`
 		}]
 	}]
@@ -21375,7 +21924,7 @@ var SearchBarSuggestionsComponent = class SearchBarSuggestionsComponent extends
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.2.0",
+		minVersion: "17.0.0",
 		version: "22.2.1",
 		type: SearchBarSuggestionsComponent,
 		isStandalone: true,
@@ -21389,7 +21938,7 @@ var SearchBarSuggestionsComponent = class SearchBarSuggestionsComponent extends
 		}],
 		usesInheritance: true,
 		ngImport: i0,
-		template: "\n    <span class=\"sb-icon\">\n      <SearchIcon [class]=\"searchIconClass()\" />\n    </span>\n    <input\n      ngCombobox \n      class=\"sb-input\"\n      [class]=\"searchNativeReset\"\n      #search\n      type=\"search\"\n      spellcheck=\"false\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [disabled]=\"disabled()\"\n      [placeholder]=\"placeholder()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-keyshortcuts]=\"hotkey()\"\n      (search)=\"$event.stopPropagation()\"\n      [(value)]=\"value\" />\n    <button\n      variant=\"tertiary\"\n      scheme=\"neutral\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"value()\n        ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n        : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n      [tabindex]=\"value() && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"clearLabel()\"\n      [tooltip]=\"clearLabel()\"\n      (keydown.enter)=\"clearSearch($event)\"\n      (click)=\"clearSearch($event)\">\n      <XMarkIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{ clearLabel() }}</span>\n    </button>\n    <!-- Actions applicatives (favori, filtre rapide…) : le slot par défaut est ici, entre « clear »\n         et « send », parce que c'est la place naturelle d'une action liée à la requête. Ce qui doit\n         rester APRÈS le bouton d'envoi porte slot=\"trailing\" (voir plus bas). -->\n    <ng-content />\n    <button\n      variant=\"tertiary\"\n      scheme=\"neutral\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"value()\n        ? 'opacity-100 transition-opacity duration-300'\n        : 'opacity-0 pointer-events-none transition-opacity duration-300'\"\n      [tabindex]=\"value() && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"sendLabel()\"\n      [tooltip]=\"sendLabel()\"\n      (keydown.enter)=\"emitSearch($event)\"\n      (click)=\"emitSearch($event)\">\n      <SendHorizontalIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{ sendLabel() }}</span>\n    </button>\n    <!-- Zone de fin de pilule, après le bouton d'envoi (CTA du type « Ask AI »…).\n         ⚠️ Le contenu d'un bloc @if ne peut pas atteindre ce slot : la projection ne teste que les\n         enfants directs de l'hôte, et le nœud d'un @if ne porte aucun attribut — il retombe donc\n         dans le slot par défaut. Envelopper alors le bloc dans un <ng-container slot=\"trailing\">. -->\n    <ng-content select=\"[slot='trailing']\" />\n",
+		template: "\n    <span class=\"sb-icon\">\n      <SearchIcon [class]=\"searchIconClass()\" />\n    </span>\n    <input\n      ngCombobox \n      class=\"sb-input\"\n      [class]=\"searchNativeReset\"\n      #search\n      type=\"search\"\n      spellcheck=\"false\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [placeholder]=\"placeholder()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"invalid() || null\"\n      (blur)=\"touch.emit()\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-keyshortcuts]=\"hotkey()\"\n      (search)=\"$event.stopPropagation()\" \n      [disabled]=\"disabled()\"\n      [readOnly]=\"readonly()\"\n      [(value)]=\"value\" />\n    <button\n      variant=\"tertiary\"\n      scheme=\"neutral\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"value()\n        ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'\n        : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'\"\n      [tabindex]=\"value() && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"clearLabel()\"\n      [tooltip]=\"clearLabel()\"\n      (keydown.enter)=\"clearSearch($event)\"\n      (click)=\"clearSearch($event)\">\n      <XMarkIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      <span class=\"sr-only\">{{ clearLabel() }}</span>\n    </button>\n    <!-- Actions applicatives (favori, filtre rapide…) : le slot par défaut est ici, entre « clear »\n         et « send », parce que c'est la place naturelle d'une action liée à la requête. Ce qui doit\n         rester APRÈS le bouton d'envoi porte slot=\"trailing\" (voir plus bas). -->\n    <ng-content />\n    <button\n      [variant]=\"isHero() ? 'primary' : 'tertiary'\"\n      [scheme]=\"isHero() ? 'default' : 'neutral'\"\n      [iconOnly]=\"true\"\n      [size]=\"buttonSize()\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [class]=\"sendClass()\"\n      [tabindex]=\"(value() || isHero()) && !disabled() ? 0 : -1\"\n      [attr.aria-label]=\"sendLabel()\"\n      [tooltip]=\"sendLabel()\"\n      (keydown.enter)=\"emitSearch($event)\"\n      (click)=\"emitSearch($event)\">\n      @if (isHero()) {\n        <SearchIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      } @else {\n        <SendHorizontalIcon [class]=\"iconClass()\" aria-hidden=\"true\" />\n      }\n      <span class=\"sr-only\">{{ sendLabel() }}</span>\n    </button>\n    <!-- Zone de fin de pilule, après le bouton d'envoi (CTA du type « Ask AI »…).\n         ⚠️ Le contenu d'un bloc @if ne peut pas atteindre ce slot : la projection ne teste que les\n         enfants directs de l'hôte, et le nœud d'un @if ne porte aucun attribut — il retombe donc\n         dans le slot par défaut. Envelopper alors le bloc dans un <ng-container slot=\"trailing\">. -->\n    <ng-content select=\"[slot='trailing']\" />\n",
 		isInline: true,
 		dependencies: [
 			{
@@ -21481,7 +22030,7 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [...SEARCH_BAR_IMPORTS, Combobox],
 			template: `${BEFORE_CONTROL}
     <input
-      ngCombobox ${CONTROL_ATTRIBUTES}
+      ngCombobox ${CONTROL_ATTRIBUTES} ${STATE_ATTRIBUTES}
       [(value)]="value" />${AFTER_CONTROL}`
 		}]
 	}],
@@ -25091,6 +25640,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { AUTOCOMPLETE_TAGS_CLASS, AUTOCOMPLETE_TRIGGER_CLASS, ArrowDownIcon, ArrowDownIconComponent, ArrowDownZaIcon, ArrowDownZaIconComponent, ArrowLeftIcon, ArrowLeftIconComponent, ArrowRightFromBracketIcon, ArrowRightFromBracketIconComponent, ArrowRightIcon, ArrowRightIconComponent, ArrowUpAzIcon, ArrowUpAzIconComponent, ArrowUpIcon, ArrowUpIconComponent, ArrowUpRightFromSquareIcon, ArrowUpRightFromSquareIconComponent, ArrowsMaximizeIcon, ArrowsMaximizeIconComponent, AutocompleteComponent, AvatarComponent, AvatarFallbackComponent, AvatarImageComponent, AwardIcon, AwardIconComponent, BadgeComponent, BarsIcon, BarsIconComponent, BellIcon, BellIconComponent, BellSlashIcon, BellSlashIconComponent, BookmarkIcon, BookmarkIconComponent, BreakpointObserverService, BuildingIcon, BuildingIconComponent, BulletComponent, ButtonComponent, CALL_REF, CalendarClockIcon, CalendarClockIconComponent, CalendarDayIcon, CalendarDayIconComponent, CallRef, ChatPlusIcon, ChatPlusIconComponent, CheckIcon, CheckIconComponent, CheckboxComponent, ChevronDownIcon, ChevronDownIconComponent, ChevronLeftIcon, ChevronLeftIconComponent, ChevronRightIcon, ChevronRightIconComponent, ChevronUpIcon, ChevronUpIconComponent, ChevronsLeftIcon, ChevronsLeftIconComponent, ChevronsRightIcon, ChevronsRightIconComponent, CircleCheckIcon, CircleCheckIconComponent, CircleXIcon, CircleXIconComponent, ClipboardIcon, ClipboardIconComponent, ClockIcon, ClockIconComponent, CogIcon, CogIconComponent, CommentIcon, CommentIconComponent, CommentsIcon, CommentsIconComponent, DIALOG_REF, DebugIcon, DebugIconComponent, DesktopIcon, DesktopIconComponent, DialogBodyComponent, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogService, DialogTitleComponent, DownloadIcon, DownloadIconComponent, PopoverDirective as DropdownDirective, PopoverDirective, EditIcon, EditIconComponent, EllipsisIcon, EllipsisIconComponent, EllipsisVerticalIcon, EllipsisVerticalIconComponent, EnvelopeIcon, EnvelopeIconComponent, ExternalLinkIcon, ExternalLinkIconComponent, EyeIcon, EyeIconComponent, EyeSlashIcon, EyeSlashIconComponent, FileHTMLIcon, FileHTMLIconComponent, FileIcon, FileIconComponent, FileMagnifyingGlassIcon, FileMagnifyingGlassIconComponent, FileOutputIcon, FileOutputIconComponent, FileSearchIcon, FileSearchIconComponent, FileSpreadsheetIcon, FileSpreadsheetIconComponent, FileTextIcon, FileTextIconComponent, FilesIcon, FilesIconComponent, FilterIcon, FilterIconComponent, FilterXIcon, FilterXIconComponent, FlagEnglishIcon, FlagEnglishIconComponent, FlagFrenchIcon, FlagFrenchIconComponent, FlagGermanIcon, FlagGermanIconComponent, FlashlightIcon, FlashlightIconComponent, FolderIcon, FolderIconComponent, FolderOpenIcon, FolderOpenIconComponent, FrownIcon, FrownIconComponent, GearIcon, GearIconComponent, GitForkIcon, GitForkIconComponent, GlobeIcon, GlobeIconComponent, GridIcon, GridIconComponent, GripVerticalIcon, GripVerticalIconComponent, HighlighterIcon, HighlighterIconComponent, HistoryIcon, HistoryIconComponent, HomeIcon, HomeIconComponent, HouseIcon, HouseIconComponent, ImageIcon, ImageIconComponent, InboxIcon, InboxIconComponent, InfoCircleIcon, InfoCircleIconComponent, InputComponent, InputControlDirective, InputCounterComponent, InputIconLeftDirective, InputIconRightDirective, KbdComponent, KbdGroupComponent, KeyIcon, KeyIconComponent, KeyboardIcon, KeyboardIconComponent, LINK_LABEL_CLASS, LIST_ITEM_AVATAR_CLASS, LIST_ITEM_CHEVRON_RIGHT_CLASS, LIST_ITEM_EXPANDER_BUTTON_CLASS, LIST_ITEM_EXPANDER_CLASS, LIST_ITEM_ICON_CLASS, LIST_ITEM_ICON_RIGHT_CLASS, LIST_ITEM_LEFT_CLASS, LIST_ITEM_SUBTEXT_CLASS, LIST_ITEM_TEXT_BLOCK_CLASS, LIST_ITEM_TEXT_CLASS, LIST_REF, LanguageIcon, LanguageIconComponent, LightbulbIcon, LightbulbIconComponent, LightbulbSlashIcon, LightbulbSlashIconComponent, LinkComponent, LinkIcon, LinkIconComponent, LinkIconLeftDirective, LinkIconRightDirective, ListComponent, ListFilterIcon, ListFilterIconComponent, ListIcon, ListIconComponent, ListItemActionComponent, ListItemAvatarDirective, ListItemChevronComponent, ListItemComponent, ListItemExpanderComponent, ListItemIconDirective, ListItemLeftDirective, ListItemTextComponent, ListboxActivateOnHover, LoadingCircleIcon, LoadingCircleIconComponent, LockIcon, LockIconComponent, MODAL_BODY_CLASS, MODAL_BODY_TEXT_CLASS, MODAL_CLASS, MODAL_CLOSE_CLASS, MODAL_FOOTER_CLASS, MODAL_HEADER_CLASS, MODAL_HEADER_LEFT_CLASS, MODAL_LABEL, MODAL_TITLE_CLASS, MODAL_TITLE_WRAP_CLASS, MagnifyingGlassIcon, MagnifyingGlassIconComponent, MagnifyingGlassMinusIcon, MagnifyingGlassMinusIconComponent, MagnifyingGlassPlusIcon, MagnifyingGlassPlusIconComponent, MapPinIcon, MapPinIconComponent, MenuComponent, MenuContentComponent, MenuItemComponent, MenuTriggerDirective, MinusIcon, MinusIconComponent, MoonIcon, MoonIconComponent, NewChatIcon, NewChatIconComponent, PaletteIcon, PaletteIconComponent, PanelLeftIcon, PanelLeftIconComponent, PanelRightIcon, PanelRightIconComponent, PaperclipIcon, PaperclipIconComponent, PenToSquareIcon, PenToSquareIconComponent, PlusIcon, PlusIconComponent, PresentationIcon, PresentationIconComponent, QuestionCircleIcon, QuestionCircleIconComponent, QuestionIcon, QuestionIconComponent, RESIZABLE_PANEL_CLASS, RESIZABLE_PANEL_GROUP, RadioComponent, RefreshIcon, RefreshIconComponent, ResizableHandleComponent, ResizablePanelComponent, ResizablePanelGroupComponent, RobotIcon, RobotIconComponent, RotateIcon, RotateIconComponent, RowFeedComponent, RowGridComponent, SB_ICON_CLASS, SB_INPUT_CLASS, SELECT_CHEVRON_CLASS, SELECT_EMPTY_CLASS, SELECT_HINT_CLASS, SELECT_LABEL_CLASS, SELECT_MENU_CLASS, SELECT_OPTION_BODY_CLASS, SELECT_OPTION_CHECK_CLASS, SELECT_OPTION_CLASS, SELECT_OPTION_LABEL_CLASS, SELECT_OPTION_LEADING_ICON_CLASS, SELECT_OPTION_SUBLABEL_CLASS, SELECT_PLACEHOLDER_CLASS, SELECT_REF, SELECT_TRIGGER_CLASS, SELECT_TRIGGER_ICON_CLASS, SELECT_TRIGGER_LABEL_CLASS, SHEET_BODY_CLASS, SHEET_CLASS, SHEET_CLOSE_CLASS, SHEET_FOOTER_CLASS, SHEET_HEADER_CLASS, SHEET_HEADER_LEFT_CLASS, SHEET_TITLE_WRAP_CLASS, SIDEBAR_CLASS, SIDEBAR_CONTENT_CLASS, SIDEBAR_FOOTER_CLASS, SIDEBAR_GROUP_CLASS, SIDEBAR_GROUP_LABEL_CLASS, SIDEBAR_HEADER_CLASS, SIDEBAR_INSET_CLASS, SIDEBAR_ITEM_CLASS, SIDEBAR_ITEM_LABEL_CLASS, SIDEBAR_REF, SaveIcon, SaveIconComponent, SearchBarComponent, SearchBarSuggestionsComponent, SearchIcon, SearchIconComponent, SearchInputComponent, SearchInputSuggestionsComponent, SelectComponent, SelectLabelDirective, SelectTriggerDirective, SendHorizontalIcon, SendHorizontalIconComponent, SendIcon, SendIconComponent, SheetBodyComponent, SheetComponent, SheetFooterComponent, SheetHeaderComponent, SidebarComponent, SidebarContentDirective, SidebarFooterDirective, SidebarGroupDirective, SidebarGroupLabelDirective, SidebarHeaderDirective, SidebarInsetDirective, SidebarItemDirective, SidebarItemLabelDirective, SidebarTriggerDirective, SlashIcon, SlashIconComponent, SlidersIcon, SlidersIconComponent, SortableDirective, SortableItemDirective, SparklesIcon, SparklesIconComponent, SpinnerIcon, SpinnerIconComponent, SquareCheckBigIcon, SquareCheckBigIconComponent, SquareCheckIcon, SquareCheckIconComponent, SquareIcon, SquareIconComponent, SquareMinusIcon, SquareMinusIconComponent, SquarePenIcon, SquarePenIconComponent, StarIcon, StarIconComponent, SubMenuComponent, SunBrightIcon, SunBrightIconComponent, SwitchComponent, SyncIcon, SyncIconComponent, TEXTAREA_CONTROL_CLASS, TEXTAREA_COUNTER_CLASS, TEXTAREA_LINE_HEIGHT, TOGGLE_GROUP, TOGGLE_ICON_CLASS, TOGGLE_LABEL_CLASS, TOOLTIP_CLASS, TREE_ITEM_EXPANDER_CLASS, TabComponent, TabListComponent, TabPanelComponent, TabsComponent, TagComponent, TagIcon, TagIconComponent, TagInputComponent, TagRemoveComponent, TagsIcon, TagsIconComponent, TextareaComponent, TextareaControlDirective, TextareaCounterComponent, ThumbsDownIcon, ThumbsDownIconComponent, ThumbsUpIcon, ThumbsUpIconComponent, ToggleComponent, ToggleGroupComponent, ToggleItemComponent, ToggleLeftIcon, ToggleLeftIconComponent, ToggleRightIcon, ToggleRightIconComponent, TooltipComponent, TooltipContentDirective, TooltipDirective, TrashCanIcon, TrashCanIconComponent, TrashIcon, TrashIconComponent, TreeComponent, TreeItemComponent, TreeItemExpanderComponent, TreeItemGroupComponent, TriangleAlertIcon, TriangleAlertIconComponent, TruncatedDirective, TypeIcon, TypeIconComponent, UndoIcon, UndoIconComponent, UploadIcon, UploadIconComponent, UserIcon, UserIconComponent, UserRoundIcon, UserRoundIconComponent, UserSecretIcon, UserSecretIconComponent, VideoIcon, VideoIconComponent, XMarkIcon, XMarkIconComponent, createCallable, getListDepthStyle, injectCallRef, injectFloatingPanel, isApplePlatform, linkIconVariants, listItemVariants, menuContentVariants, menuItemVariants, menuPanelVariants, menuSeparatorVariants, modalVariants, provideCallable, resizableGroupVariants, resizableHandleVariants, searchBarVariants, selectChevronVariants, selectMenuVariants, selectOptionVariants, selectTriggerVariants, selectWrapVariants, sheetVariants, sidebarInsetVariants, sidebarVariants, textareaWrapVariants, toggleGroupVariants, toggleVariants, tooltipVariants, treeItemVariants };
+export { AUTOCOMPLETE_TAGS_CLASS, AUTOCOMPLETE_TRIGGER_CLASS, ArrowDownIcon, ArrowDownIconComponent, ArrowDownZaIcon, ArrowDownZaIconComponent, ArrowLeftIcon, ArrowLeftIconComponent, ArrowRightFromBracketIcon, ArrowRightFromBracketIconComponent, ArrowRightIcon, ArrowRightIconComponent, ArrowUpAzIcon, ArrowUpAzIconComponent, ArrowUpIcon, ArrowUpIconComponent, ArrowUpRightFromSquareIcon, ArrowUpRightFromSquareIconComponent, ArrowsMaximizeIcon, ArrowsMaximizeIconComponent, AutocompleteComponent, AvatarComponent, AvatarFallbackComponent, AvatarImageComponent, AwardIcon, AwardIconComponent, BadgeComponent, BarsIcon, BarsIconComponent, BellIcon, BellIconComponent, BellSlashIcon, BellSlashIconComponent, BookmarkIcon, BookmarkIconComponent, BreakpointObserverService, BuildingIcon, BuildingIconComponent, BulletComponent, ButtonComponent, CALL_REF, CalendarClockIcon, CalendarClockIconComponent, CalendarDayIcon, CalendarDayIconComponent, CallRef, ChatPlusIcon, ChatPlusIconComponent, CheckIcon, CheckIconComponent, CheckboxComponent, ChevronDownIcon, ChevronDownIconComponent, ChevronLeftIcon, ChevronLeftIconComponent, ChevronRightIcon, ChevronRightIconComponent, ChevronUpIcon, ChevronUpIconComponent, ChevronsLeftIcon, ChevronsLeftIconComponent, ChevronsRightIcon, ChevronsRightIconComponent, CircleCheckIcon, CircleCheckIconComponent, CircleXIcon, CircleXIconComponent, ClipboardIcon, ClipboardIconComponent, ClockIcon, ClockIconComponent, CogIcon, CogIconComponent, CommentIcon, CommentIconComponent, CommentsIcon, CommentsIconComponent, DIALOG_REF, DebugIcon, DebugIconComponent, DesktopIcon, DesktopIconComponent, DialogBodyComponent, DialogComponent, DialogContentComponent, DialogDescriptionComponent, DialogFooterComponent, DialogHeaderComponent, DialogService, DialogTitleComponent, DownloadIcon, DownloadIconComponent, PopoverDirective as DropdownDirective, PopoverDirective, EditIcon, EditIconComponent, EllipsisIcon, EllipsisIconComponent, EllipsisVerticalIcon, EllipsisVerticalIconComponent, EnvelopeIcon, EnvelopeIconComponent, ExternalLinkIcon, ExternalLinkIconComponent, EyeIcon, EyeIconComponent, EyeSlashIcon, EyeSlashIconComponent, FileHTMLIcon, FileHTMLIconComponent, FileIcon, FileIconComponent, FileMagnifyingGlassIcon, FileMagnifyingGlassIconComponent, FileOutputIcon, FileOutputIconComponent, FileSearchIcon, FileSearchIconComponent, FileSpreadsheetIcon, FileSpreadsheetIconComponent, FileTextIcon, FileTextIconComponent, FilesIcon, FilesIconComponent, FilterIcon, FilterIconComponent, FilterXIcon, FilterXIconComponent, FlagEnglishIcon, FlagEnglishIconComponent, FlagFrenchIcon, FlagFrenchIconComponent, FlagGermanIcon, FlagGermanIconComponent, FlashlightIcon, FlashlightIconComponent, FolderIcon, FolderIconComponent, FolderOpenIcon, FolderOpenIconComponent, FrownIcon, FrownIconComponent, GearIcon, GearIconComponent, GitForkIcon, GitForkIconComponent, GlobeIcon, GlobeIconComponent, GridIcon, GridIconComponent, GripVerticalIcon, GripVerticalIconComponent, HighlighterIcon, HighlighterIconComponent, HistoryIcon, HistoryIconComponent, HomeIcon, HomeIconComponent, HouseIcon, HouseIconComponent, ImageIcon, ImageIconComponent, InboxIcon, InboxIconComponent, InfoCircleIcon, InfoCircleIconComponent, InputComponent, InputControlDirective, InputCounterComponent, InputIconLeftDirective, InputIconRightDirective, KbdComponent, KbdGroupComponent, KeyIcon, KeyIconComponent, KeyboardIcon, KeyboardIconComponent, LINK_LABEL_CLASS, LIST_ITEM_AVATAR_CLASS, LIST_ITEM_CHEVRON_RIGHT_CLASS, LIST_ITEM_EXPANDER_BUTTON_CLASS, LIST_ITEM_EXPANDER_CLASS, LIST_ITEM_ICON_CLASS, LIST_ITEM_ICON_RIGHT_CLASS, LIST_ITEM_LEFT_CLASS, LIST_ITEM_SUBTEXT_CLASS, LIST_ITEM_TEXT_BLOCK_CLASS, LIST_ITEM_TEXT_CLASS, LIST_REF, LanguageIcon, LanguageIconComponent, LightbulbIcon, LightbulbIconComponent, LightbulbSlashIcon, LightbulbSlashIconComponent, LinkComponent, LinkIcon, LinkIconComponent, LinkIconLeftDirective, LinkIconRightDirective, ListComponent, ListFilterIcon, ListFilterIconComponent, ListIcon, ListIconComponent, ListItemActionComponent, ListItemAvatarDirective, ListItemChevronComponent, ListItemComponent, ListItemExpanderComponent, ListItemIconDirective, ListItemLeftDirective, ListItemTextComponent, ListboxActivateOnHover, LoadingCircleIcon, LoadingCircleIconComponent, LockIcon, LockIconComponent, MODAL_BODY_CLASS, MODAL_BODY_TEXT_CLASS, MODAL_CLASS, MODAL_CLOSE_CLASS, MODAL_FOOTER_CLASS, MODAL_HEADER_CLASS, MODAL_HEADER_LEFT_CLASS, MODAL_LABEL, MODAL_TITLE_CLASS, MODAL_TITLE_WRAP_CLASS, MagnifyingGlassIcon, MagnifyingGlassIconComponent, MagnifyingGlassMinusIcon, MagnifyingGlassMinusIconComponent, MagnifyingGlassPlusIcon, MagnifyingGlassPlusIconComponent, MapPinIcon, MapPinIconComponent, MenuComponent, MenuContentComponent, MenuItemComponent, MenuTriggerDirective, MinusIcon, MinusIconComponent, MoonIcon, MoonIconComponent, NewChatIcon, NewChatIconComponent, PaletteIcon, PaletteIconComponent, PanelLeftIcon, PanelLeftIconComponent, PanelRightIcon, PanelRightIconComponent, PaperclipIcon, PaperclipIconComponent, PenToSquareIcon, PenToSquareIconComponent, PlusIcon, PlusIconComponent, PopoverResizeHandleComponent, PresentationIcon, PresentationIconComponent, QuestionCircleIcon, QuestionCircleIconComponent, QuestionIcon, QuestionIconComponent, QuickFilterIcon, QuickFilterIconComponent, RESIZABLE_PANEL_CLASS, RESIZABLE_PANEL_GROUP, RadioComponent, RefreshIcon, RefreshIconComponent, ResizableHandleComponent, ResizablePanelComponent, ResizablePanelGroupComponent, RobotIcon, RobotIconComponent, RotateIcon, RotateIconComponent, RowFeedComponent, RowGridComponent, SB_ICON_CLASS, SB_INPUT_CLASS, SELECT_CHEVRON_CLASS, SELECT_EMPTY_CLASS, SELECT_HINT_CLASS, SELECT_LABEL_CLASS, SELECT_MENU_CLASS, SELECT_OPTION_BODY_CLASS, SELECT_OPTION_CHECK_CLASS, SELECT_OPTION_CLASS, SELECT_OPTION_LABEL_CLASS, SELECT_OPTION_LEADING_ICON_CLASS, SELECT_OPTION_SUBLABEL_CLASS, SELECT_PLACEHOLDER_CLASS, SELECT_REF, SELECT_TRIGGER_CLASS, SELECT_TRIGGER_ICON_CLASS, SELECT_TRIGGER_LABEL_CLASS, SHEET_BODY_CLASS, SHEET_CLASS, SHEET_CLOSE_CLASS, SHEET_FOOTER_CLASS, SHEET_HEADER_CLASS, SHEET_HEADER_LEFT_CLASS, SHEET_TITLE_WRAP_CLASS, SIDEBAR_CLASS, SIDEBAR_CONTENT_CLASS, SIDEBAR_FOOTER_CLASS, SIDEBAR_GROUP_CLASS, SIDEBAR_GROUP_LABEL_CLASS, SIDEBAR_HEADER_CLASS, SIDEBAR_INSET_CLASS, SIDEBAR_ITEM_CLASS, SIDEBAR_ITEM_LABEL_CLASS, SIDEBAR_REF, SaveIcon, SaveIconComponent, SearchBarComponent, SearchBarSuggestionsComponent, SearchIcon, SearchIconComponent, SearchInputComponent, SearchInputSuggestionsComponent, SelectComponent, SelectLabelDirective, SelectTriggerDirective, SendHorizontalIcon, SendHorizontalIconComponent, SendIcon, SendIconComponent, SheetBodyComponent, SheetComponent, SheetFooterComponent, SheetHeaderComponent, SidebarComponent, SidebarContentDirective, SidebarFooterDirective, SidebarGroupDirective, SidebarGroupLabelDirective, SidebarHeaderDirective, SidebarInsetDirective, SidebarItemDirective, SidebarItemLabelDirective, SidebarTriggerDirective, SlashIcon, SlashIconComponent, SlidersIcon, SlidersIconComponent, SortableDirective, SortableItemDirective, SparklesIcon, SparklesIconComponent, SpinnerIcon, SpinnerIconComponent, SquareCheckBigIcon, SquareCheckBigIconComponent, SquareCheckIcon, SquareCheckIconComponent, SquareIcon, SquareIconComponent, SquareMinusIcon, SquareMinusIconComponent, SquarePenIcon, SquarePenIconComponent, StarIcon, StarIconComponent, SubMenuComponent, SunBrightIcon, SunBrightIconComponent, SwitchComponent, SyncIcon, SyncIconComponent, TEXTAREA_CONTROL_CLASS, TEXTAREA_COUNTER_CLASS, TEXTAREA_LINE_HEIGHT, TOGGLE_GROUP, TOGGLE_ICON_CLASS, TOGGLE_LABEL_CLASS, TOOLTIP_CLASS, TREE_ITEM_EXPANDER_CLASS, TabComponent, TabListComponent, TabPanelComponent, TabsComponent, TagComponent, TagIcon, TagIconComponent, TagInputComponent, TagRemoveComponent, TagsIcon, TagsIconComponent, TextareaComponent, TextareaControlDirective, TextareaCounterComponent, ThumbsDownIcon, ThumbsDownIconComponent, ThumbsUpIcon, ThumbsUpIconComponent, ToggleComponent, ToggleGroupComponent, ToggleItemComponent, ToggleLeftIcon, ToggleLeftIconComponent, ToggleRightIcon, ToggleRightIconComponent, TooltipComponent, TooltipContentDirective, TooltipDirective, TrashCanIcon, TrashCanIconComponent, TrashIcon, TrashIconComponent, TreeComponent, TreeItemComponent, TreeItemExpanderComponent, TreeItemGroupComponent, TriangleAlertIcon, TriangleAlertIconComponent, TruncatedDirective, TypeIcon, TypeIconComponent, UndoIcon, UndoIconComponent, UploadIcon, UploadIconComponent, UserIcon, UserIconComponent, UserRoundIcon, UserRoundIconComponent, UserSecretIcon, UserSecretIconComponent, VideoIcon, VideoIconComponent, XMarkIcon, XMarkIconComponent, createCallable, getListDepthStyle, injectCallRef, injectFloatingPanel, isApplePlatform, linkIconVariants, listItemVariants, menuContentVariants, menuItemVariants, menuPanelVariants, menuSeparatorVariants, modalVariants, provideCallable, resizableGroupVariants, resizableHandleVariants, searchBarVariants, selectChevronVariants, selectMenuVariants, selectOptionVariants, selectTriggerVariants, selectWrapVariants, sheetVariants, sidebarInsetVariants, sidebarVariants, textareaWrapVariants, toggleGroupVariants, toggleVariants, tooltipVariants, treeItemVariants };
 
 //# sourceMappingURL=sinequa-galactik.mjs.map