@sinequa/galactik 2.1.1 → 2.3.0

package/fesm2022/sinequa-galactik.mjs

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import { ApplicationRef, ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, EnvironmentInjector, HostAttributeToken, InjectionToken, Injector, Service, TemplateRef, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideAppInitializer, resource, signal, untracked, viewChild } from "@angular/core";
 import { cn } from "cn";
-import { arrow, autoUpdate, computePosition, flip, offset, shift, size } from "@floating-ui/dom";
+import { arrow, autoUpdate, computePosition, flip, hide, offset, shift, size } from "@floating-ui/dom";
 import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
 import { cva } from "class-variance-authority";
 import * as i1$5 from "@angular/aria/menu";
@@ -17,6 +17,11 @@ 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";
+function isApplePlatform() {
+	if (typeof navigator === "undefined") return false;
+	const platform = navigator.userAgentData?.platform || navigator.userAgent;
+	return /Mac|iPhone|iPad|iPod/.test(platform);
+}
 var ArrowDownIcon = class ArrowDownIcon {
 	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
 	classes = computed(() => cn(this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
@@ -367,8 +372,8 @@ var ArrowUpIcon = class ArrowUpIcon {
 		ngImport: i0,
 		template: `
     <svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M12 5v14"/>
-      <path d="m19 12-7 7-7-7"/>
+      <path d="m5 12 7-7 7 7"/>
+      <path d="M12 19V5"/>
     </svg>
   `,
 		isInline: true,
@@ -386,8 +391,8 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "arrow-up, arrow-up-icon, ArrowUp, ArrowUpIcon",
 			template: `
     <svg [class]="classes()" aria-hidden="true" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-      <path d="M12 5v14"/>
-      <path d="m19 12-7 7-7-7"/>
+      <path d="m5 12 7-7 7 7"/>
+      <path d="M12 19V5"/>
     </svg>
   `,
 			styles: [":host{display:contents}\n"]
@@ -8809,13 +8814,15 @@ function injectPopover(options) {
 					padding: 8,
 					apply: ({ availableHeight }) => {
 						el.style.setProperty("--popover-available-height", `${availableHeight}px`);
+						if (options.matchTriggerWidth()) el.style.width = `${triggerEl.offsetWidth}px`;
 					}
-				})
+				}),
+				...options.hideWhenTriggerHidden?.() ? [hide({ strategy: "referenceHidden" })] : []
 			]
-		}).then(({ x, y }) => {
+		}).then(({ x, y, middlewareData }) => {
 			el.style.left = `${x}px`;
 			el.style.top = `${y}px`;
-			el.style.visibility = "";
+			el.style.visibility = middlewareData.hide?.referenceHidden ? "hidden" : "";
 			width.set(options.matchTriggerWidth() ? triggerEl.offsetWidth : void 0);
 		});
 	}
@@ -8831,6 +8838,7 @@ function injectPopover(options) {
 			} else {
 				cleanupAutoUpdate?.();
 				cleanupAutoUpdate = null;
+				el.style.visibility = "hidden";
 			}
 		});
 		destroyRef.onDestroy(() => cleanupAutoUpdate?.());
@@ -8881,6 +8889,10 @@ var PopoverDirective = class PopoverDirective {
 		...ngDevMode ? { debugName: "matchTriggerWidth" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	hideWhenTriggerHidden = input(false, {
+		...ngDevMode ? { debugName: "hideWhenTriggerHidden" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
 	elementRef = inject(ElementRef);
 	_isDropdown = inject(new HostAttributeToken("dropdown"), { optional: true }) !== null;
 	_config = computed(() => ({
@@ -8892,7 +8904,8 @@ var PopoverDirective = class PopoverDirective {
 		offset: this.offset,
 		config: this._config,
 		lockPosition: this.lockPosition,
-		matchTriggerWidth: this.matchTriggerWidth
+		matchTriggerWidth: this.matchTriggerWidth,
+		hideWhenTriggerHidden: this.hideWhenTriggerHidden
 	});
 	width = this._p.width;
 	state = this._p.state;
@@ -8961,6 +8974,13 @@ var PopoverDirective = class PopoverDirective {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			hideWhenTriggerHidden: {
+				classPropertyName: "hideWhenTriggerHidden",
+				publicName: "hideWhenTriggerHidden",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: {
@@ -9039,6 +9059,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "matchTriggerWidth",
 				required: false
 			}]
+		}],
+		hideWhenTriggerHidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideWhenTriggerHidden",
+				required: false
+			}]
 		}]
 	}
 });
@@ -9051,6 +9079,7 @@ function injectFloatingPanel(options) {
 		const topLayer = resolve(options.topLayer);
 		const matchAnchorWidth = resolve(options.matchAnchorWidth);
 		const allowFlip = options.flip === void 0 ? true : resolve(options.flip);
+		const hideWhenAnchorHidden = resolve(options.hideWhenAnchorHidden);
 		const arrowElement = options.arrow?.();
 		panel.style.visibility = "hidden";
 		if (!matchAnchorWidth && sized.has(panel)) {
@@ -9074,17 +9103,21 @@ function injectFloatingPanel(options) {
 						element: arrowElement,
 						padding: 6
 					})] : [],
-					...matchAnchorWidth ? [size({ apply: ({ rects, elements }) => {
-						elements.floating.style.width = `${rects.reference.width}px`;
-						sized.add(elements.floating);
-					} })] : []
+					...matchAnchorWidth || options.maxHeightVariable ? [size({ apply: ({ rects, elements, availableHeight }) => {
+						if (matchAnchorWidth) {
+							elements.floating.style.width = `${rects.reference.width}px`;
+							sized.add(elements.floating);
+						}
+						if (options.maxHeightVariable) elements.floating.style.setProperty(options.maxHeightVariable, `${Math.max(0, availableHeight)}px`);
+					} })] : [],
+					...hideWhenAnchorHidden ? [hide({ strategy: "referenceHidden" })] : []
 				]
 			}).then(({ x, y, placement: placed, middlewareData }) => {
 				panel.style.left = `${x}px`;
 				panel.style.top = `${y}px`;
 				if (arrowElement) placeArrow(panel, arrowElement, placed, middlewareData.arrow);
 				if (options.anchorWidthVariable) panel.style.setProperty(options.anchorWidthVariable, `${anchor.offsetWidth}px`);
-				panel.style.visibility = "";
+				panel.style.visibility = middlewareData.hide?.referenceHidden ? "hidden" : "";
 				options.afterPosition?.(anchor, panel);
 			});
 		});
@@ -11835,12 +11868,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-function fixStaleComboboxRelay(combobox) {
-	afterRenderEffect(() => {
-		const instance = combobox();
-		if (!instance.expanded()) instance._pattern.keyboardEventRelay.set(void 0);
-	});
-}
 const INPUT_CONTROL_CLASS = "input-control";
 const INPUT_ICON_LEFT_CLASS = "input-icon-left";
 const INPUT_ICON_RIGHT_CLASS = "input-icon-right";
@@ -12477,7 +12504,6 @@ var AutocompleteComponent = class AutocompleteComponent {
 	}, ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
 	open = signal(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
 	constructor() {
-		fixStaleComboboxRelay(() => this.combobox());
 		effect((onCleanup) => {
 			const query = this.query();
 			if (query === untracked(this.settledQuery)) return;
@@ -14415,6 +14441,17 @@ var ListComponent = class ListComponent {
 	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
 	variant = input("list-content", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 	size = input("small", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	host = inject(ElementRef);
+	keyboardFocusState = signal(false, ...ngDevMode ? [{ debugName: "keyboardFocusState" }] : /* istanbul ignore next */ []);
+	keyboardFocused = this.keyboardFocusState.asReadonly();
+	onFocusIn(event) {
+		const target = event.target;
+		this.keyboardFocusState.set(target instanceof HTMLElement && target.matches(":focus-visible"));
+	}
+	onFocusOut(event) {
+		const next = event.relatedTarget;
+		if (!(next instanceof Node && this.host.nativeElement.contains(next))) this.keyboardFocusState.set(false);
+	}
 	variants = computed(() => cn("flex flex-col outline-none", this.class()), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -14453,7 +14490,13 @@ var ListComponent = class ListComponent {
 				transformFunction: null
 			}
 		},
-		host: { properties: { "class": "variants()" } },
+		host: {
+			listeners: {
+				"focusin": "onFocusIn($event)",
+				"focusout": "onFocusOut($event)"
+			},
+			properties: { "class": "variants()" }
+		},
 		providers: [{
 			provide: LIST_REF,
 			useExisting: ListComponent
@@ -14515,7 +14558,11 @@ i0.ɵɵngDeclareClassMetadata({
 				],
 				outputs: ["valueChange"]
 			}],
-			host: { "[class]": "variants()" },
+			host: {
+				"[class]": "variants()",
+				"(focusin)": "onFocusIn($event)",
+				"(focusout)": "onFocusOut($event)"
+			},
 			providers: [{
 				provide: LIST_REF,
 				useExisting: ListComponent
@@ -14549,6 +14596,131 @@ 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)",
+	"font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] font-medium",
+	"[&_svg:not([class*='size-'])]:size-3"
+], {
+	variants: { size: {
+		xs: "h-4 min-w-4 rounded-(--radius-xs) px-(--spacing-4xs) text-(length:--size-xs) leading-(--line-height-xs)",
+		sm: "h-5 min-w-5 rounded-(--radius-xs) px-(--spacing-4xs) text-(length:--size-sm) leading-(--line-height-sm)",
+		md: "h-6 min-w-6 rounded-(--radius-sm) px-(--spacing-3xs) text-(length:--size-base) leading-(--line-height-base)"
+	} },
+	defaultVariants: { size: "sm" }
+});
+var KbdComponent = class KbdComponent {
+	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
+	size = input("sm", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	variants = computed(() => cn(kbdVariants({
+		size: this.size(),
+		class: this.class()
+	})), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: KbdComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: KbdComponent,
+		isStandalone: true,
+		selector: "kbd, Kbd",
+		inputs: {
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "class": "variants()" } },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: KbdComponent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "kbd, Kbd",
+			standalone: true,
+			host: { "[class]": "variants()" }
+		}]
+	}],
+	propDecorators: {
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}]
+	}
+});
+var KbdGroupComponent = class KbdGroupComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: KbdGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: KbdGroupComponent,
+		isStandalone: true,
+		selector: "kbd-group, kbdgroup, KbdGroup",
+		host: {
+			attributes: { "role": "group" },
+			classAttribute: "inline-flex items-center gap-(--spacing-4xs)"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: KbdGroupComponent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "kbd-group, kbdgroup, KbdGroup",
+			standalone: true,
+			host: {
+				role: "group",
+				class: "inline-flex items-center gap-(--spacing-4xs)"
+			}
+		}]
+	}]
+});
 const LIST_ITEM_LEFT_CLASS = "list-item-left";
 const LIST_ITEM_TEXT_BLOCK_CLASS = "list-item-text-block";
 const LIST_ITEM_TEXT_CLASS = "list-item-text";
@@ -14558,12 +14730,13 @@ const LIST_ITEM_EXPANDER_CLASS = "list-item-expander";
 const LIST_ITEM_EXPANDER_BUTTON_CLASS = "list-item-expander-btn";
 const LIST_ITEM_AVATAR_CLASS = "list-item-avatar";
 const LIST_ITEM_ICON_RIGHT_CLASS = "list-item-icon-right";
+const LIST_ITEM_ACTION_HINT_CLASS = "list-item-action-hint";
 const LIST_ITEM_CHEVRON_RIGHT_CLASS = "list-item-chevron-right";
 function getListDepthStyle(depth = 0) {
 	return depth > 0 ? { paddingLeft: `calc(var(--spacing-2xs) + ${depth} * 20px)` } : void 0;
 }
 const listItemVariants = cva([
-	"box-border flex w-full items-center gap-(--spacing-2xs)",
+	"relative box-border flex w-full items-center gap-(--spacing-2xs)",
 	"rounded-(--radius-sm) px-(--spacing-2xs) py-(--spacing-3xs)",
 	"bg-transparent",
 	"transition-[background-color] duration-100 ease-out motion-reduce:transition-none",
@@ -14586,6 +14759,13 @@ const listItemVariants = cva([
 	"[&_.list-item-expander-btn:hover:not(:disabled)]:bg-(--bg-primary-light) [&_.list-item-expander-btn:hover:not(:disabled)]:text-(--font-neutral-black)",
 	"[&_.list-item-avatar]:inline-flex [&_.list-item-avatar]:h-6 [&_.list-item-avatar]:w-6 [&_.list-item-avatar]:shrink-0 [&_.list-item-avatar]:items-center [&_.list-item-avatar]:justify-center [&_.list-item-avatar]:overflow-hidden [&_.list-item-avatar]:rounded-full [&_.list-item-avatar]:bg-(--bg-primary-lightest) [&_.list-item-avatar]:text-(length:--size-sm) [&_.list-item-avatar]:font-bold [&_.list-item-avatar]:text-(--font-primary-base)",
 	"[&_.list-item-icon-right]:inline-flex [&_.list-item-icon-right]:shrink-0 [&_.list-item-icon-right]:cursor-pointer [&_.list-item-icon-right]:items-center [&_.list-item-icon-right]:justify-center [&_.list-item-icon-right]:rounded-(--radius-xs) [&_.list-item-icon-right]:border-0 [&_.list-item-icon-right]:bg-transparent [&_.list-item-icon-right]:p-0.5 [&_.list-item-icon-right]:text-(length:--icon-xs) [&_.list-item-icon-right]:leading-none [&_.list-item-icon-right]:text-(--font-primary-muted) [&_.list-item-icon-right]:opacity-0",
+	"[&_.list-item-action-hint]:hidden [&_.list-item-action-hint]:items-center [&_.list-item-action-hint]:gap-(--spacing-2xs) [&_.list-item-action-hint]:ps-(--spacing-xs) [&_.list-item-action-hint]:pb-(--spacing-3xs) [&_.list-item-action-hint]:text-(length:--size-sm) [&_.list-item-action-hint]:leading-(--line-height-2) [&_.list-item-action-hint]:text-(--font-neutral-base) focus-visible:[&_.list-item-action-hint]:flex",
+	"has-[.list-item-action-hint]:focus-visible:grid has-[.list-item-action-hint]:focus-visible:h-auto has-[.list-item-action-hint]:focus-visible:grid-flow-col has-[.list-item-action-hint]:focus-visible:grid-cols-[minmax(0,1fr)] has-[.list-item-action-hint]:focus-visible:grid-rows-[auto_auto] has-[.list-item-action-hint]:focus-visible:gap-y-0",
+	"has-[.list-item-action-hint]:focus-visible:[&>*]:row-span-2 has-[.list-item-action-hint]:focus-visible:[&>*]:row-start-1 has-[.list-item-action-hint]:focus-visible:[&>*]:self-center",
+	"has-[.list-item-action-hint]:focus-visible:[&>.list-item-left]:col-start-1 has-[.list-item-action-hint]:focus-visible:[&>.list-item-left]:row-span-1",
+	"has-[.list-item-action-hint]:focus-visible:[&_.list-item-icon-right]:row-span-2 has-[.list-item-action-hint]:focus-visible:[&_.list-item-icon-right]:row-start-1 has-[.list-item-action-hint]:focus-visible:[&_.list-item-icon-right]:self-center",
+	"has-[.list-item-action-hint]:focus-visible:[&_.list-item-action-hint]:col-start-1 has-[.list-item-action-hint]:focus-visible:[&_.list-item-action-hint]:row-span-1 has-[.list-item-action-hint]:focus-visible:[&_.list-item-action-hint]:row-start-2 has-[.list-item-action-hint]:focus-visible:[&_.list-item-action-hint]:self-start",
+	"focus-visible:[&_.list-item-icon-right]:text-(--font-error-base)",
 	"hover:[&_.list-item-icon-right]:opacity-100 focus-visible:[&_.list-item-icon-right]:opacity-100 active:[&_.list-item-icon-right]:opacity-100 aria-selected:[&_.list-item-icon-right]:opacity-100",
 	"[&_.list-item-icon-right:hover]:bg-(--bg-error-lightest) [&_.list-item-icon-right:hover]:text-(--font-error-base)",
 	"[&_.list-item-chevron-right]:inline-flex [&_.list-item-chevron-right]:shrink-0 [&_.list-item-chevron-right]:items-center [&_.list-item-chevron-right]:justify-center [&_.list-item-chevron-right]:text-(length:--icon-sm) [&_.list-item-chevron-right]:text-(--font-secondary-base-alt) [&_.list-item-chevron-right]:transition-transform [&_.list-item-chevron-right]:duration-150 [&_.list-item-chevron-right]:ease-out",
@@ -14598,8 +14778,8 @@ const listItemVariants = cva([
 			"list-menu": "m-0 h-[var(--row-height-sm)] cursor-pointer appearance-none gap-0 border-0 bg-transparent text-left font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif]"
 		},
 		size: {
-			small: "h-[var(--row-height-sm)]",
-			medium: "h-[var(--row-height-md)]"
+			small: "h-[var(--row-height-sm)] has-[.list-item-action-hint]:focus-visible:min-h-[var(--row-height-sm)]",
+			medium: "h-[var(--row-height-md)] has-[.list-item-action-hint]:focus-visible:min-h-[var(--row-height-md)]"
 		},
 		selected: {
 			true: "bg-(--bg-primary-lighter)",
@@ -14621,6 +14801,12 @@ const listItemVariants = cva([
 		selected: false
 	}
 });
+let nextActionDescriptionId = 0;
+const KEY_NAMES = {
+	Delete: "Del",
+	Backspace: "⌫",
+	Escape: "Esc"
+};
 var ListItemComponent = class ListItemComponent {
 	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
 	variant = input(...ngDevMode ? [void 0, { debugName: "variant" }] : /* istanbul ignore next */ []);
@@ -14638,16 +14824,22 @@ var ListItemComponent = class ListItemComponent {
 		class: this.class()
 	})), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
 	paddingLeft = computed(() => getListDepthStyle(this.depth())?.paddingLeft ?? null, ...ngDevMode ? [{ debugName: "paddingLeft" }] : /* istanbul ignore next */ []);
-	host = inject(ElementRef);
-	hasAction = computed(() => !!this.action(), ...ngDevMode ? [{ debugName: "hasAction" }] : /* istanbul ignore next */ []);
+	hasAction = computed(() => {
+		const action = this.action();
+		return !!action && !action.disabled();
+	}, ...ngDevMode ? [{ debugName: "hasAction" }] : /* istanbul ignore next */ []);
 	action = contentChild(ListItemActionComponent, ...ngDevMode ? [{ debugName: "action" }] : /* istanbul ignore next */ []);
+	keyShortcuts = computed(() => this.hasAction() ? this.action().keys().join(" ") : null, ...ngDevMode ? [{ debugName: "keyShortcuts" }] : /* istanbul ignore next */ []);
+	actionDescriptionId = computed(() => {
+		const action = this.action();
+		return this.hasAction() && action?.description() ? action.descriptionId : null;
+	}, ...ngDevMode ? [{ debugName: "actionDescriptionId" }] : /* istanbul ignore next */ []);
 	onKeydown(event) {
-		if (event.key !== "Delete" || !this.hasAction()) return;
-		const action = this.host.nativeElement.querySelector(`.${LIST_ITEM_ICON_RIGHT_CLASS}`);
-		if (!action || action.dataset["disabled"]) return;
+		const action = this.action();
+		if (!action || action.disabled() || !action.keys().includes(event.key)) return;
 		event.preventDefault();
 		event.stopPropagation();
-		action.click();
+		action.trigger();
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -14698,7 +14890,8 @@ var ListItemComponent = class ListItemComponent {
 			properties: {
 				"class": "variants()",
 				"style.padding-left": "paddingLeft()",
-				"attr.aria-keyshortcuts": "hasAction() ? 'Delete' : null"
+				"attr.aria-keyshortcuts": "keyShortcuts()",
+				"attr.aria-describedby": "actionDescriptionId()"
 			}
 		},
 		queries: [{
@@ -14745,7 +14938,8 @@ i0.ɵɵngDeclareClassMetadata({
 			host: {
 				"[class]": "variants()",
 				"[style.padding-left]": "paddingLeft()",
-				"[attr.aria-keyshortcuts]": "hasAction() ? 'Delete' : null",
+				"[attr.aria-keyshortcuts]": "keyShortcuts()",
+				"[attr.aria-describedby]": "actionDescriptionId()",
 				"(keydown)": "onKeydown($event)"
 			}
 		}]
@@ -15034,7 +15228,35 @@ var ListItemActionComponent = class ListItemActionComponent {
 		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	keys = input(["Delete"], ...ngDevMode ? [{ debugName: "keys" }] : /* istanbul ignore next */ []);
+	shortcut = input(...ngDevMode ? [void 0, { debugName: "shortcut" }] : /* istanbul ignore next */ []);
+	description = input(...ngDevMode ? [void 0, { debugName: "description" }] : /* istanbul ignore next */ []);
+	descriptionId = `list-item-action-description-${nextActionDescriptionId++}`;
+	keyName = computed(() => {
+		const key = this.keys()[0] ?? "";
+		return this.shortcut() ?? KEY_NAMES[key] ?? key;
+	}, ...ngDevMode ? [{ debugName: "keyName" }] : /* istanbul ignore next */ []);
+	trigger$ = viewChild("trigger", ...ngDevMode ? [{ debugName: "trigger$" }] : /* istanbul ignore next */ []);
+	trigger() {
+		if (this.disabled()) return;
+		this.trigger$()?.nativeElement.click();
+	}
+	hint = computed(() => {
+		const text = this.description() ?? "";
+		const key = this.keyName();
+		const at = text.indexOf(key);
+		return at < 0 ? {
+			before: text,
+			after: "",
+			withKey: false
+		} : {
+			before: text.slice(0, at),
+			after: text.slice(at + key.length),
+			withKey: true
+		};
+	}, ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
 	btnClass = LIST_ITEM_ICON_RIGHT_CLASS;
+	hintClass = LIST_ITEM_ACTION_HINT_CLASS;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -15044,7 +15266,7 @@ var ListItemActionComponent = class ListItemActionComponent {
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.1.0",
+		minVersion: "17.0.0",
 		version: "22.2.1",
 		type: ListItemActionComponent,
 		isStandalone: true,
@@ -15063,13 +15285,47 @@ var ListItemActionComponent = class ListItemActionComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			keys: {
+				classPropertyName: "keys",
+				publicName: "keys",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			shortcut: {
+				classPropertyName: "shortcut",
+				publicName: "shortcut",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			description: {
+				classPropertyName: "description",
+				publicName: "description",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: { classAttribute: "contents" },
+		viewQueries: [{
+			propertyName: "trigger$",
+			first: true,
+			predicate: ["trigger"],
+			descendants: true,
+			isSignal: true
+		}],
 		exportAs: ["listItemAction"],
 		ngImport: i0,
 		template: `
+    <!-- Texte masqué relié à la ligne par aria-describedby. aria-hidden : il ne doit pas entrer dans le
+         nom de l'option (calculé depuis son contenu), une référence aria-describedby le lit quand même. -->
+    @if (description() && !disabled()) {
+      <span [id]="descriptionId" class="sr-only" aria-hidden="true">{{ description() }}</span>
+    }
     <span
+      #trigger
       [class]="btnClass"
       aria-hidden="true"
       [class.pointer-events-none]="disabled()"
@@ -15078,8 +15334,27 @@ var ListItemActionComponent = class ListItemActionComponent {
       [attr.data-disabled]="disabled() || null">
       <ng-content />
     </span>
+    <!-- Seconde ligne de la ligne, visible au focus clavier seulement (voir le CVA). Enfant direct de la
+         ligne, l'hôte de ce composant étant en display: contents. -->
+    @if (description() && !disabled()) {
+      <span [class]="hintClass" aria-hidden="true">
+        <span>
+          {{ hint().before }}
+          @if (hint().withKey) {
+            <kbd>{{ keyName() }}</kbd>
+          }
+          {{ hint().after }}
+        </span>
+      </span>
+    }
   `,
 		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: KbdComponent,
+			selector: "kbd, Kbd",
+			inputs: ["class", "size"]
+		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -15095,8 +15370,15 @@ i0.ɵɵngDeclareClassMetadata({
 			exportAs: "listItemAction",
 			standalone: true,
 			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [KbdComponent],
 			template: `
+    <!-- Texte masqué relié à la ligne par aria-describedby. aria-hidden : il ne doit pas entrer dans le
+         nom de l'option (calculé depuis son contenu), une référence aria-describedby le lit quand même. -->
+    @if (description() && !disabled()) {
+      <span [id]="descriptionId" class="sr-only" aria-hidden="true">{{ description() }}</span>
+    }
     <span
+      #trigger
       [class]="btnClass"
       aria-hidden="true"
       [class.pointer-events-none]="disabled()"
@@ -15105,6 +15387,19 @@ i0.ɵɵngDeclareClassMetadata({
       [attr.data-disabled]="disabled() || null">
       <ng-content />
     </span>
+    <!-- Seconde ligne de la ligne, visible au focus clavier seulement (voir le CVA). Enfant direct de la
+         ligne, l'hôte de ce composant étant en display: contents. -->
+    @if (description() && !disabled()) {
+      <span [class]="hintClass" aria-hidden="true">
+        <span>
+          {{ hint().before }}
+          @if (hint().withKey) {
+            <kbd>{{ keyName() }}</kbd>
+          }
+          {{ hint().after }}
+        </span>
+      </span>
+    }
   `,
 			host: { class: "contents" }
 		}]
@@ -15125,6 +15420,34 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "disabled",
 				required: false
 			}]
+		}],
+		keys: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "keys",
+				required: false
+			}]
+		}],
+		shortcut: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shortcut",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		trigger$: [{
+			type: i0.ViewChild,
+			args: ["trigger", { isSignal: true }]
 		}]
 	}
 });
@@ -16046,9 +16369,11 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 const switchRootVariants = cva([
-	"relative inline-flex h-11 w-11 cursor-pointer items-center justify-center select-none",
+	"relative inline-flex min-h-(--switch-hitbox) cursor-pointer items-center gap-2 select-none [--switch-hitbox:2.75rem]",
 	"has-disabled:cursor-not-allowed",
 	"[&_.switch-input]:absolute [&_.switch-input]:-m-px [&_.switch-input]:h-px [&_.switch-input]:w-px [&_.switch-input]:overflow-hidden [&_.switch-input]:border-0 [&_.switch-input]:p-0 [&_.switch-input]:whitespace-nowrap [&_.switch-input]:[clip:rect(0,0,0,0)]",
+	"[&_.switch-hitbox]:relative [&_.switch-hitbox]:inline-flex [&_.switch-hitbox]:h-(--switch-hitbox) [&_.switch-hitbox]:w-(--switch-hitbox) [&_.switch-hitbox]:shrink-0 [&_.switch-hitbox]:items-center [&_.switch-hitbox]:justify-center",
+	"[&_.switch-label]:min-w-0 [&_.switch-label:empty]:hidden",
 	"[&_.switch-track]:relative [&_.switch-track]:inline-flex [&_.switch-track]:shrink-0 [&_.switch-track]:rounded-full",
 	"[&_.switch-track]:border [&_.switch-track]:border-solid [&_.switch-track]:border-(--stroke-primary-base) [&_.switch-track]:bg-(--bg-neutral-white)",
 	"[&_.switch-track]:transition-[background,border-color] [&_.switch-track]:duration-120 [&_.switch-track]:ease-[ease] motion-reduce:[&_.switch-track]:transition-none",
@@ -16100,8 +16425,12 @@ var SwitchComponent = class SwitchComponent {
 		...ngDevMode ? { debugName: "presentational" } : /* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	compact = input(false, {
+		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
 	tabIndex = input(void 0, ...ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []);
-	variants = computed(() => cn(switchRootVariants({ size: this.size() }), this.presentational() && "pointer-events-none", this.class()), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
+	variants = computed(() => cn(switchRootVariants({ size: this.size() }), this.presentational() && "pointer-events-none", (this.compact() || this.presentational()) && "[--switch-hitbox:auto]", this.class()), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
 	onCheckedChange(event) {
 		const input = event.target;
 		this.checked.set(input.checked);
@@ -16170,6 +16499,13 @@ var SwitchComponent = class SwitchComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			compact: {
+				classPropertyName: "compact",
+				publicName: "compact",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			tabIndex: {
 				classPropertyName: "tabIndex",
 				publicName: "tabIndex",
@@ -16196,12 +16532,15 @@ var SwitchComponent = class SwitchComponent {
         [attr.inert]="presentational() ? '' : null"
         (change)="onCheckedChange($event)"
       >
-      <span class="switch-track">
-        <span class="switch-thumb">
-          <XMarkIcon class="switch-thumb-icon switch-thumb-icon-off"/>
-          <CheckIcon class="switch-thumb-icon switch-thumb-icon-on"/>
+      <span class="switch-hitbox">
+        <span class="switch-track">
+          <span class="switch-thumb">
+            <XMarkIcon class="switch-thumb-icon switch-thumb-icon-off"/>
+            <CheckIcon class="switch-thumb-icon switch-thumb-icon-on"/>
+          </span>
         </span>
       </span>
+      <span class="switch-label"><ng-content /></span>
     </label>
   `,
 		isInline: true,
@@ -16215,7 +16554,8 @@ var SwitchComponent = class SwitchComponent {
 			type: CheckIcon,
 			selector: "check, check-icon, Check, CheckIcon",
 			inputs: ["class"]
-		}]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
@@ -16229,6 +16569,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "switch, Switch",
 			imports: [XMarkIcon, CheckIcon],
 			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: `
     <label [class]="variants()" [attr.aria-hidden]="presentational() ? 'true' : null">
       <input
@@ -16244,12 +16585,15 @@ i0.ɵɵngDeclareClassMetadata({
         [attr.inert]="presentational() ? '' : null"
         (change)="onCheckedChange($event)"
       >
-      <span class="switch-track">
-        <span class="switch-thumb">
-          <XMarkIcon class="switch-thumb-icon switch-thumb-icon-off"/>
-          <CheckIcon class="switch-thumb-icon switch-thumb-icon-on"/>
+      <span class="switch-hitbox">
+        <span class="switch-track">
+          <span class="switch-thumb">
+            <XMarkIcon class="switch-thumb-icon switch-thumb-icon-off"/>
+            <CheckIcon class="switch-thumb-icon switch-thumb-icon-on"/>
+          </span>
         </span>
       </span>
+      <span class="switch-label"><ng-content /></span>
     </label>
   `,
 			host: { class: "contents" }
@@ -16315,6 +16659,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		compact: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "compact",
+				required: false
+			}]
+		}],
 		tabIndex: [{
 			type: i0.Input,
 			args: [{
@@ -18349,136 +18701,11 @@ 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)",
-	"font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] font-medium",
-	"[&_svg:not([class*='size-'])]:size-3"
-], {
-	variants: { size: {
-		xs: "h-4 min-w-4 rounded-(--radius-xs) px-(--spacing-4xs) text-(length:--size-xs) leading-(--line-height-xs)",
-		sm: "h-5 min-w-5 rounded-(--radius-xs) px-(--spacing-4xs) text-(length:--size-sm) leading-(--line-height-sm)",
-		md: "h-6 min-w-6 rounded-(--radius-sm) px-(--spacing-3xs) text-(length:--size-base) leading-(--line-height-base)"
-	} },
-	defaultVariants: { size: "sm" }
-});
-var KbdComponent = class KbdComponent {
-	class = input(...ngDevMode ? [void 0, { debugName: "class" }] : /* istanbul ignore next */ []);
-	size = input("sm", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
-	variants = computed(() => cn(kbdVariants({
-		size: this.size(),
-		class: this.class()
-	})), ...ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.1",
-		ngImport: i0,
-		type: KbdComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
-	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "17.1.0",
-		version: "22.2.1",
-		type: KbdComponent,
-		isStandalone: true,
-		selector: "kbd, Kbd",
-		inputs: {
-			class: {
-				classPropertyName: "class",
-				publicName: "class",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			size: {
-				classPropertyName: "size",
-				publicName: "size",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: { properties: { "class": "variants()" } },
-		ngImport: i0
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.1",
-	ngImport: i0,
-	type: KbdComponent,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "kbd, Kbd",
-			standalone: true,
-			host: { "[class]": "variants()" }
-		}]
-	}],
-	propDecorators: {
-		class: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "class",
-				required: false
-			}]
-		}],
-		size: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "size",
-				required: false
-			}]
-		}]
-	}
-});
-var KbdGroupComponent = class KbdGroupComponent {
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.1",
-		ngImport: i0,
-		type: KbdGroupComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
-	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "14.0.0",
-		version: "22.2.1",
-		type: KbdGroupComponent,
-		isStandalone: true,
-		selector: "kbd-group, kbdgroup, KbdGroup",
-		host: {
-			attributes: { "role": "group" },
-			classAttribute: "inline-flex items-center gap-(--spacing-4xs)"
-		},
-		ngImport: i0
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.1",
-	ngImport: i0,
-	type: KbdGroupComponent,
-	decorators: [{
-		type: Directive,
-		args: [{
-			selector: "kbd-group, kbdgroup, KbdGroup",
-			standalone: true,
-			host: {
-				role: "group",
-				class: "inline-flex items-center gap-(--spacing-4xs)"
-			}
-		}]
-	}]
-});
-const avatarVariants = cva([
-	"inline-flex shrink-0 items-center justify-center overflow-hidden",
-	"rounded-(--radius-rounded)",
-	"font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] select-none",
-	"[&_.avatar-initials]:leading-none [&_.avatar-initials]:font-(--weight-semibold)"
+const avatarVariants = cva([
+	"inline-flex shrink-0 items-center justify-center overflow-hidden",
+	"rounded-(--radius-rounded)",
+	"font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] select-none",
+	"[&_.avatar-initials]:leading-none [&_.avatar-initials]:font-(--weight-semibold)"
 ], {
 	variants: {
 		content: {
@@ -19854,10 +20081,57 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-var SearchInputComponent = class SearchInputComponent {
+const SEARCH_INPUT_IMPORTS = [
+	SearchIcon,
+	ButtonComponent,
+	InputComponent,
+	InputControlDirective,
+	InputIconLeftDirective,
+	InputIconRightDirective,
+	XMarkIcon,
+	TooltipDirective
+];
+const BEFORE_CONTROL$1 = `
+    <input-group [size]="size()" [textSize]="textSize()" [class]="cn('group/search', class())">
+      <span input-icon-left>
+        <SearchIcon [class]="searchIconClass()" />
+      </span>`;
+const CONTROL_ATTRIBUTES$1 = `
+        input-control
+        #search
+        type="search"
+        spellcheck="false"
+        autocapitalize="off"
+        autocomplete="off"
+        autocorrect="off"
+        [disabled]="disabled()"
+        [placeholder]="placeholder()"
+        [attr.aria-label]="ariaLabel()"
+        [attr.aria-keyshortcuts]="hotkey()"`;
+const AFTER_CONTROL$1 = `
+      <button
+        input-icon-right
+        variant="tertiary"
+        scheme="neutral"
+        [iconOnly]="true"
+        [size]="buttonSize()"
+        type="button"
+        [class]="value()
+          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'
+          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'"
+        [tabindex]="value() ? 0 : -1"
+        [attr.aria-label]="clearLabel()"
+        [tooltip]="clearLabel()"
+        (keydown.enter)="clearSearch($event)"
+        (click)="clearSearch($event)">
+        <XMarkIcon [class]="iconClass()" />
+        <span class="sr-only">{{ clearLabel() }}</span>
+      </button>
+      <ng-content />
+    </input-group>`;
+var SearchInputBase = class SearchInputBase {
 	cn = cn;
 	searchInput = viewChild.required("search", ...ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []);
-	combobox = viewChild.required(Combobox, ...ngDevMode ? [{ debugName: "combobox" }] : /* istanbul ignore next */ []);
 	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 	placeholder = input("Search...", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	disabled = input(false, {
@@ -19877,9 +20151,6 @@ var SearchInputComponent = class SearchInputComponent {
 	buttonSize = computed(() => this.size() === "sm" || this.smallText() ? "xs" : "sm", ...ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []);
 	iconClass = computed(() => this.smallText() ? "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 */ []);
-	constructor() {
-		fixStaleComboboxRelay(() => this.combobox());
-	}
 	clearSearch(e) {
 		e.stopImmediatePropagation();
 		this.value.set("");
@@ -19888,16 +20159,15 @@ var SearchInputComponent = class SearchInputComponent {
 		minVersion: "12.0.0",
 		version: "22.2.1",
 		ngImport: i0,
-		type: SearchInputComponent,
+		type: SearchInputBase,
 		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
+		target: i0.ɵɵFactoryTarget.Directive
 	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
+	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.2.0",
 		version: "22.2.1",
-		type: SearchInputComponent,
+		type: SearchInputBase,
 		isStandalone: true,
-		selector: "SearchInput, search-input, searchinput",
 		inputs: {
 			value: {
 				classPropertyName: "value",
@@ -19971,54 +20241,119 @@ var SearchInputComponent = class SearchInputComponent {
 			predicate: ["search"],
 			descendants: true,
 			isSignal: true
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SearchInputBase,
+	decorators: [{
+		type: Directive,
+		args: [{ host: { "[class]": "cn(disabled() && 'pointer-events-none opacity-50')" } }]
+	}],
+	propDecorators: {
+		searchInput: [{
+			type: i0.ViewChild,
+			args: ["search", { isSignal: true }]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
 		}, {
-			propertyName: "combobox",
-			first: true,
-			predicate: Combobox,
-			descendants: true,
-			isSignal: true
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		hotkey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hotkey",
+				required: false
+			}]
+		}],
+		clearLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearLabel",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
 		}],
+		textSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "textSize",
+				required: false
+			}]
+		}]
+	}
+});
+var SearchInputComponent = class SearchInputComponent extends SearchInputBase {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
 		ngImport: i0,
-		template: `
-    <input-group [size]="size()" [textSize]="textSize()" [class]="cn('group/search', class())">
-      <span input-icon-left>
-        <SearchIcon [class]="searchIconClass()" />
-      </span>
-      <input
-        input-control
-        #search
-        ngCombobox
-        type="search"
-        spellcheck="false"
-        autocapitalize="off"
-        autocomplete="off"
-        autocorrect="off"
-        [disabled]="disabled()"
-        [placeholder]="placeholder()"
-        [(value)]="value"
-        [attr.aria-label]="ariaLabel()"
-        [attr.aria-keyshortcuts]="hotkey()" />
-      <button
-        input-icon-right
-        variant="tertiary"
-        scheme="neutral"
-        [iconOnly]="true"
-        [size]="buttonSize()"
-        type="button"
-        [class]="value()
-          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'
-          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'"
-        [tabindex]="value() ? 0 : -1"
-        [attr.aria-label]="clearLabel()"
-        [tooltip]="clearLabel()"
-        (keydown.enter)="clearSearch($event)"
-        (click)="clearSearch($event)">
-        <XMarkIcon [class]="iconClass()" />
-        <span class="sr-only">{{ clearLabel() }}</span>
-      </button>
-      <ng-content />
-    </input-group>
-  `,
+		type: SearchInputComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: SearchInputComponent,
+		isStandalone: true,
+		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  ",
 		isInline: true,
 		dependencies: [
 			{
@@ -20039,23 +20374,6 @@ var SearchInputComponent = class SearchInputComponent {
 					"size"
 				]
 			},
-			{
-				kind: "directive",
-				type: Combobox,
-				selector: "[ngCombobox]",
-				inputs: [
-					"disabled",
-					"readonly",
-					"softDisabled",
-					"alwaysExpanded",
-					"tabindex",
-					"expanded",
-					"value",
-					"inlineSuggestion"
-				],
-				outputs: ["expandedChange", "valueChange"],
-				exportAs: ["ngCombobox"]
-			},
 			{
 				kind: "directive",
 				type: InputComponent,
@@ -20131,373 +20449,43 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "SearchInput, search-input, searchinput",
+			selector: "SearchInput:not([suggestions]), search-input:not([suggestions]), searchinput:not([suggestions])",
 			standalone: true,
-			imports: [
-				SearchIcon,
-				ButtonComponent,
-				Combobox,
-				InputComponent,
-				InputControlDirective,
-				InputIconLeftDirective,
-				InputIconRightDirective,
-				XMarkIcon,
-				TooltipDirective
-			],
-			template: `
-    <input-group [size]="size()" [textSize]="textSize()" [class]="cn('group/search', class())">
-      <span input-icon-left>
-        <SearchIcon [class]="searchIconClass()" />
-      </span>
-      <input
-        input-control
-        #search
-        ngCombobox
-        type="search"
-        spellcheck="false"
-        autocapitalize="off"
-        autocomplete="off"
-        autocorrect="off"
-        [disabled]="disabled()"
-        [placeholder]="placeholder()"
-        [(value)]="value"
-        [attr.aria-label]="ariaLabel()"
-        [attr.aria-keyshortcuts]="hotkey()" />
-      <button
-        input-icon-right
-        variant="tertiary"
-        scheme="neutral"
-        [iconOnly]="true"
-        [size]="buttonSize()"
-        type="button"
-        [class]="value()
-          ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'
-          : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'"
-        [tabindex]="value() ? 0 : -1"
-        [attr.aria-label]="clearLabel()"
-        [tooltip]="clearLabel()"
-        (keydown.enter)="clearSearch($event)"
-        (click)="clearSearch($event)">
-        <XMarkIcon [class]="iconClass()" />
-        <span class="sr-only">{{ clearLabel() }}</span>
-      </button>
-      <ng-content />
-    </input-group>
-  `,
-			host: { "[class]": "cn(disabled() && 'pointer-events-none opacity-50')" }
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: {
-		searchInput: [{
-			type: i0.ViewChild,
-			args: ["search", { isSignal: true }]
-		}],
-		combobox: [{
-			type: i0.ViewChild,
-			args: [i0.forwardRef(() => Combobox), { isSignal: true }]
-		}],
-		value: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "value",
-				required: false
-			}]
-		}, {
-			type: i0.Output,
-			args: ["valueChange"]
-		}],
-		placeholder: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "placeholder",
-				required: false
-			}]
-		}],
-		disabled: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "disabled",
-				required: false
-			}]
-		}],
-		ariaLabel: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "aria-label",
-				required: false
-			}]
-		}],
-		hotkey: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "hotkey",
-				required: false
-			}]
-		}],
-		clearLabel: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "clearLabel",
-				required: false
-			}]
-		}],
-		class: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "class",
-				required: false
-			}]
-		}],
-		size: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "size",
-				required: false
-			}]
-		}],
-		textSize: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "textSize",
-				required: false
-			}]
+			imports: SEARCH_INPUT_IMPORTS,
+			template: `${BEFORE_CONTROL$1}
+      <input ${CONTROL_ATTRIBUTES$1}
+        [value]="value()"
+        (input)="value.set($any($event.target).value)" />${AFTER_CONTROL$1}
+  `
 		}]
-	}
-});
-const SB_ICON_CLASS = "sb-icon";
-const SB_INPUT_CLASS = "sb-input";
-const searchBarVariants = cva([
-	"box-border inline-flex cursor-text items-center bg-(--bg-neutral-white)",
-	"rounded-(--radius-rounded) border border-solid border-(--stroke-primary-muted)",
-	"transition-[border-color,background] duration-120 ease-[ease] motion-reduce:transition-none",
-	"hover:not-has-focus:not-has-disabled:bg-(--bg-primary-lighter)",
-	"hover:not-has-focus:not-has-disabled:border-(--stroke-primary-hovered)",
-	"has-focus:not-has-disabled:border-(--stroke-primary-pressed)",
-	"has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-(--stroke-focus) has-[:focus-visible]:outline-solid",
-	"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:border-(--stroke-neutral-disabled) has-disabled:bg-(--bg-neutral-base)",
-	"[&_.sb-icon]:inline-flex [&_.sb-icon]:shrink-0 [&_.sb-icon]:items-center [&_.sb-icon]:justify-center [&_.sb-icon]:leading-none [&_.sb-icon]:text-(--font-primary-muted)",
-	"has-disabled:[&_.sb-icon]:text-(--font-neutral-muted)",
-	"[&_.sb-input]:min-w-0 [&_.sb-input]:flex-1 [&_.sb-input]:border-0 [&_.sb-input]:bg-transparent [&_.sb-input]:outline-none",
-	"[&_.sb-input]:p-0 [&_.sb-input]:font-[family-name:var(--family-base),sans-serif] [&_.sb-input]:leading-[1.4] [&_.sb-input]:text-(--font-neutral-black)",
-	"[&_.sb-input]:placeholder:text-(--font-primary-muted)",
-	"has-disabled:[&_.sb-input]:text-(--font-neutral-muted)"
-], {
-	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)"
-	} },
-	defaultVariants: { size: "large" }
+	}]
 });
-var SearchBarComponent = class SearchBarComponent {
-	cn = cn;
-	searchBarVariants = searchBarVariants;
-	searchNativeReset = INPUT_SEARCH_NATIVE_RESET;
-	searchInput = viewChild.required("search", ...ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []);
+var SearchInputSuggestionsComponent = class SearchInputSuggestionsComponent extends SearchInputBase {
 	combobox = viewChild.required(Combobox, ...ngDevMode ? [{ debugName: "combobox" }] : /* istanbul ignore next */ []);
-	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
-	search = output();
-	placeholder = input("Search...", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
-	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
-	clearLabel = input("Clear search", ...ngDevMode ? [{ debugName: "clearLabel" }] : /* istanbul ignore next */ []);
-	sendLabel = input("Send", ...ngDevMode ? [{ debugName: "sendLabel" }] : /* istanbul ignore next */ []);
-	disabled = input(false, {
-		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-		transform: booleanAttribute
-	});
-	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 */ []);
-	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 */ []);
-	constructor() {
-		afterRenderEffect(() => {
-			const combobox = this.combobox();
-			if (!combobox.expanded()) combobox._pattern.keyboardEventRelay.set(void 0);
-		});
-	}
-	clearSearch(e) {
-		e.stopImmediatePropagation();
-		this.value.set("");
-	}
-	emitSearch(e) {
-		e.stopImmediatePropagation();
-		this.search.emit(this.value());
-	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
 		ngImport: i0,
-		type: SearchBarComponent,
-		deps: [],
+		type: SearchInputSuggestionsComponent,
+		deps: null,
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.2.0",
 		version: "22.2.1",
-		type: SearchBarComponent,
+		type: SearchInputSuggestionsComponent,
 		isStandalone: true,
-		selector: "SearchBar, search-bar, searchbar",
-		inputs: {
-			value: {
-				classPropertyName: "value",
-				publicName: "value",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			placeholder: {
-				classPropertyName: "placeholder",
-				publicName: "placeholder",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			ariaLabel: {
-				classPropertyName: "ariaLabel",
-				publicName: "ariaLabel",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			clearLabel: {
-				classPropertyName: "clearLabel",
-				publicName: "clearLabel",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			sendLabel: {
-				classPropertyName: "sendLabel",
-				publicName: "sendLabel",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			disabled: {
-				classPropertyName: "disabled",
-				publicName: "disabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			hotkey: {
-				classPropertyName: "hotkey",
-				publicName: "hotkey",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			size: {
-				classPropertyName: "size",
-				publicName: "size",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			class: {
-				classPropertyName: "class",
-				publicName: "class",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		outputs: {
-			value: "valueChange",
-			search: "search"
-		},
-		host: { properties: { "class": "cn('group/search', searchBarVariants({ size: size(), class: class() }))" } },
+		selector: "SearchInput[suggestions], search-input[suggestions], searchinput[suggestions]",
 		viewQueries: [{
-			propertyName: "searchInput",
-			first: true,
-			predicate: ["search"],
-			descendants: true,
-			isSignal: true
-		}, {
 			propertyName: "combobox",
 			first: true,
 			predicate: Combobox,
 			descendants: true,
 			isSignal: true
 		}],
+		usesInheritance: true,
 		ngImport: i0,
-		template: `
-    <span class="sb-icon">
-      <SearchIcon [class]="searchIconClass()" />
-    </span>
-    <input
-      class="sb-input"
-      [class]="searchNativeReset"
-      #search
-      ngCombobox
-      type="search"
-      spellcheck="false"
-      autocapitalize="off"
-      autocomplete="off"
-      autocorrect="off"
-      [disabled]="disabled()"
-      [placeholder]="placeholder()"
-      [(value)]="value"
-      [attr.aria-label]="ariaLabel()"
-      [attr.aria-keyshortcuts]="hotkey()" />
-    <button
-      variant="tertiary"
-      scheme="neutral"
-      [iconOnly]="true"
-      [size]="buttonSize()"
-      type="button"
-      [disabled]="disabled()"
-      [class]="value()
-        ? 'rotate-90 opacity-100 transition-[rotate,opacity] duration-500'
-        : 'rotate-0 opacity-0 pointer-events-none transition-[rotate,opacity] duration-500'"
-      [tabindex]="value() && !disabled() ? 0 : -1"
-      [attr.aria-label]="clearLabel()"
-      [tooltip]="clearLabel()"
-      (keydown.enter)="clearSearch($event)"
-      (click)="clearSearch($event)">
-      <XMarkIcon [class]="iconClass()" aria-hidden="true" />
-      <span class="sr-only">{{ clearLabel() }}</span>
-    </button>
-    <!-- Actions applicatives (favori, filtre rapide…) : le slot par défaut est ici, entre « clear »
-         et « send », parce que c'est la place naturelle d'une action liée à la requête. Ce qui doit
-         rester APRÈS le bouton d'envoi porte slot="trailing" (voir plus bas). -->
-    <ng-content />
-    <button
-      variant="tertiary"
-      scheme="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"
-      [attr.aria-label]="sendLabel()"
-      [tooltip]="sendLabel()"
-      (keydown.enter)="emitSearch($event)"
-      (click)="emitSearch($event)">
-      <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 »…).
-         ⚠️ Le contenu d'un bloc @if ne peut pas atteindre ce slot : la projection ne teste que les
-         enfants directs de l'hôte, et le nœud d'un @if ne porte aucun attribut — il retombe donc
-         dans le slot par défaut. Envelopper alors le bloc dans un <ng-container slot="trailing">. -->
-    <ng-content select="[slot='trailing']" />
-  `,
+		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  ",
 		isInline: true,
 		dependencies: [
 			{
@@ -20506,29 +20494,6 @@ var SearchBarComponent = class SearchBarComponent {
 				selector: "search, search-icon, Search, SearchIcon",
 				inputs: ["class"]
 			},
-			{
-				kind: "component",
-				type: SendHorizontalIcon,
-				selector: "send-horizontal, send-horizontal-icon, SendHorizontal, SendHorizontalIcon",
-				inputs: ["class"]
-			},
-			{
-				kind: "directive",
-				type: Combobox,
-				selector: "[ngCombobox]",
-				inputs: [
-					"disabled",
-					"readonly",
-					"softDisabled",
-					"alwaysExpanded",
-					"tabindex",
-					"expanded",
-					"value",
-					"inlineSuggestion"
-				],
-				outputs: ["expandedChange", "valueChange"],
-				exportAs: ["ngCombobox"]
-			},
 			{
 				kind: "directive",
 				type: ButtonComponent,
@@ -20541,6 +20506,38 @@ var SearchBarComponent = class SearchBarComponent {
 					"size"
 				]
 			},
+			{
+				kind: "directive",
+				type: InputComponent,
+				selector: "input-group, inputgroup, InputGroup",
+				inputs: [
+					"class",
+					"size",
+					"scheme",
+					"filled",
+					"numbers",
+					"autoHeight",
+					"textSize"
+				]
+			},
+			{
+				kind: "directive",
+				type: InputControlDirective,
+				selector: "input[input-control], input[inputControl]",
+				inputs: ["class"]
+			},
+			{
+				kind: "directive",
+				type: InputIconLeftDirective,
+				selector: "[input-icon-left], [inputIconLeft]",
+				inputs: ["class"]
+			},
+			{
+				kind: "directive",
+				type: InputIconRightDirective,
+				selector: "[input-icon-right], [inputIconRight]",
+				inputs: ["class"]
+			},
 			{
 				kind: "component",
 				type: XMarkIcon,
@@ -20572,6 +20569,23 @@ var SearchBarComponent = class SearchBarComponent {
 					"tooltip-offset"
 				],
 				exportAs: ["tooltip"]
+			},
+			{
+				kind: "directive",
+				type: Combobox,
+				selector: "[ngCombobox]",
+				inputs: [
+					"disabled",
+					"readonly",
+					"softDisabled",
+					"alwaysExpanded",
+					"tabindex",
+					"expanded",
+					"value",
+					"inlineSuggestion"
+				],
+				outputs: ["expandedChange", "valueChange"],
+				exportAs: ["ngCombobox"]
 			}
 		]
 	});
@@ -20580,29 +20594,65 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.1",
 	ngImport: i0,
-	type: SearchBarComponent,
+	type: SearchInputSuggestionsComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "SearchBar, search-bar, searchbar",
+			selector: "SearchInput[suggestions], search-input[suggestions], searchinput[suggestions]",
 			standalone: true,
-			imports: [
-				SearchIcon,
-				SendHorizontalIcon,
-				Combobox,
-				ButtonComponent,
-				XMarkIcon,
-				TooltipDirective
-			],
-			template: `
+			imports: [...SEARCH_INPUT_IMPORTS, Combobox],
+			template: `${BEFORE_CONTROL$1}
+      <input
+        ngCombobox ${CONTROL_ATTRIBUTES$1}
+        [(value)]="value" />${AFTER_CONTROL$1}
+  `
+		}]
+	}],
+	propDecorators: { combobox: [{
+		type: i0.ViewChild,
+		args: [i0.forwardRef(() => Combobox), { isSignal: true }]
+	}] }
+});
+const SB_ICON_CLASS = "sb-icon";
+const SB_INPUT_CLASS = "sb-input";
+const searchBarVariants = cva([
+	"box-border inline-flex cursor-text items-center bg-(--bg-neutral-white)",
+	"rounded-(--radius-rounded) border border-solid border-(--stroke-primary-muted)",
+	"transition-[border-color,background] duration-120 ease-[ease] motion-reduce:transition-none",
+	"hover:not-has-focus:not-has-disabled:bg-(--bg-primary-lighter)",
+	"hover:not-has-focus:not-has-disabled:border-(--stroke-primary-hovered)",
+	"has-focus:not-has-disabled:border-(--stroke-primary-pressed)",
+	"has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-(--stroke-focus) has-[:focus-visible]:outline-solid",
+	"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:border-(--stroke-neutral-disabled) has-disabled:bg-(--bg-neutral-base)",
+	"[&_.sb-icon]:inline-flex [&_.sb-icon]:shrink-0 [&_.sb-icon]:items-center [&_.sb-icon]:justify-center [&_.sb-icon]:leading-none [&_.sb-icon]:text-(--font-primary-muted)",
+	"has-disabled:[&_.sb-icon]:text-(--font-neutral-muted)",
+	"[&_.sb-input]:min-w-0 [&_.sb-input]:flex-1 [&_.sb-input]:border-0 [&_.sb-input]:bg-transparent [&_.sb-input]:outline-none",
+	"[&_.sb-input]:p-0 [&_.sb-input]:font-[family-name:var(--family-base),sans-serif] [&_.sb-input]:leading-[1.4] [&_.sb-input]:text-(--font-neutral-black)",
+	"[&_.sb-input]:placeholder:text-(--font-primary-muted)",
+	"has-disabled:[&_.sb-input]:text-(--font-neutral-muted)"
+], {
+	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)"
+	} },
+	defaultVariants: { size: "large" }
+});
+const SEARCH_BAR_IMPORTS = [
+	SearchIcon,
+	SendHorizontalIcon,
+	ButtonComponent,
+	XMarkIcon,
+	TooltipDirective
+];
+const BEFORE_CONTROL = `
     <span class="sb-icon">
       <SearchIcon [class]="searchIconClass()" />
-    </span>
-    <input
+    </span>`;
+const CONTROL_ATTRIBUTES = `
       class="sb-input"
       [class]="searchNativeReset"
       #search
-      ngCombobox
       type="search"
       spellcheck="false"
       autocapitalize="off"
@@ -20610,9 +20660,9 @@ i0.ɵɵngDeclareClassMetadata({
       autocorrect="off"
       [disabled]="disabled()"
       [placeholder]="placeholder()"
-      [(value)]="value"
       [attr.aria-label]="ariaLabel()"
-      [attr.aria-keyshortcuts]="hotkey()" />
+      [attr.aria-keyshortcuts]="hotkey()"`;
+const AFTER_CONTROL = `
     <button
       variant="tertiary"
       scheme="neutral"
@@ -20658,20 +20708,146 @@ i0.ɵɵngDeclareClassMetadata({
          enfants directs de l'hôte, et le nœud d'un @if ne porte aucun attribut — il retombe donc
          dans le slot par défaut. Envelopper alors le bloc dans un <ng-container slot="trailing">. -->
     <ng-content select="[slot='trailing']" />
-  `,
-			host: { "[class]": "cn('group/search', searchBarVariants({ size: size(), class: class() }))" }
-		}]
-	}],
-	ctorParameters: () => [],
+`;
+var SearchBarBase = class SearchBarBase {
+	cn = cn;
+	searchBarVariants = searchBarVariants;
+	searchNativeReset = INPUT_SEARCH_NATIVE_RESET;
+	searchInput = viewChild.required("search", ...ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	search = output();
+	placeholder = input("Search...", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(void 0, {
+		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	clearLabel = input("Clear search", ...ngDevMode ? [{ debugName: "clearLabel" }] : /* istanbul ignore next */ []);
+	sendLabel = input("Send", ...ngDevMode ? [{ debugName: "sendLabel" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	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 */ []);
+	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) {
+		e.stopImmediatePropagation();
+		this.value.set("");
+	}
+	emitSearch(e) {
+		e.stopImmediatePropagation();
+		this.search.emit(this.value());
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SearchBarBase,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: SearchBarBase,
+		isStandalone: true,
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearLabel: {
+				classPropertyName: "clearLabel",
+				publicName: "clearLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sendLabel: {
+				classPropertyName: "sendLabel",
+				publicName: "sendLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hotkey: {
+				classPropertyName: "hotkey",
+				publicName: "hotkey",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			search: "search"
+		},
+		host: { properties: { "class": "cn('group/search', searchBarVariants({ size: size(), class: class() }))" } },
+		viewQueries: [{
+			propertyName: "searchInput",
+			first: true,
+			predicate: ["search"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SearchBarBase,
+	decorators: [{
+		type: Directive,
+		args: [{ host: { "[class]": "cn('group/search', searchBarVariants({ size: size(), class: class() }))" } }]
+	}],
 	propDecorators: {
 		searchInput: [{
 			type: i0.ViewChild,
 			args: ["search", { isSignal: true }]
 		}],
-		combobox: [{
-			type: i0.ViewChild,
-			args: [i0.forwardRef(() => Combobox), { isSignal: true }]
-		}],
 		value: [{
 			type: i0.Input,
 			args: [{
@@ -20699,7 +20875,7 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "ariaLabel",
+				alias: "aria-label",
 				required: false
 			}]
 		}],
@@ -20753,6 +20929,229 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var SearchBarComponent = class SearchBarComponent extends SearchBarBase {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SearchBarComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.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      [value]=\"value()\"\n      (input)=\"value.set($any($event.target).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",
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: SearchIcon,
+				selector: "search, search-icon, Search, SearchIcon",
+				inputs: ["class"]
+			},
+			{
+				kind: "component",
+				type: SendHorizontalIcon,
+				selector: "send-horizontal, send-horizontal-icon, SendHorizontal, SendHorizontalIcon",
+				inputs: ["class"]
+			},
+			{
+				kind: "directive",
+				type: ButtonComponent,
+				selector: "button",
+				inputs: [
+					"class",
+					"variant",
+					"scheme",
+					"iconOnly",
+					"size"
+				]
+			},
+			{
+				kind: "component",
+				type: XMarkIcon,
+				selector: "x-mark, x-mark-icon, XMark, XMarkIcon",
+				inputs: ["class"]
+			},
+			{
+				kind: "directive",
+				type: TooltipDirective,
+				selector: "[tooltip]",
+				inputs: [
+					"tooltip",
+					"tooltipPosition",
+					"tooltipEvent",
+					"showDelay",
+					"hideDelay",
+					"life",
+					"tooltipOffset",
+					"autoHide",
+					"hideOnEscape",
+					"escape",
+					"tooltipDisabled",
+					"tooltipArrow",
+					"tooltipStyleClass",
+					"tooltipOptions",
+					"tooltip-position",
+					"tooltip-delay",
+					"tooltip-duration",
+					"tooltip-offset"
+				],
+				exportAs: ["tooltip"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SearchBarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "SearchBar:not([suggestions]), search-bar:not([suggestions]), searchbar:not([suggestions])",
+			standalone: true,
+			imports: SEARCH_BAR_IMPORTS,
+			template: `${BEFORE_CONTROL}
+    <input ${CONTROL_ATTRIBUTES}
+      [value]="value()"
+      (input)="value.set($any($event.target).value)" />${AFTER_CONTROL}`
+		}]
+	}]
+});
+var SearchBarSuggestionsComponent = class SearchBarSuggestionsComponent extends SearchBarBase {
+	combobox = viewChild.required(Combobox, ...ngDevMode ? [{ debugName: "combobox" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SearchBarSuggestionsComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: SearchBarSuggestionsComponent,
+		isStandalone: true,
+		selector: "SearchBar[suggestions], search-bar[suggestions], searchbar[suggestions]",
+		viewQueries: [{
+			propertyName: "combobox",
+			first: true,
+			predicate: Combobox,
+			descendants: true,
+			isSignal: true
+		}],
+		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      [(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",
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: SearchIcon,
+				selector: "search, search-icon, Search, SearchIcon",
+				inputs: ["class"]
+			},
+			{
+				kind: "component",
+				type: SendHorizontalIcon,
+				selector: "send-horizontal, send-horizontal-icon, SendHorizontal, SendHorizontalIcon",
+				inputs: ["class"]
+			},
+			{
+				kind: "directive",
+				type: ButtonComponent,
+				selector: "button",
+				inputs: [
+					"class",
+					"variant",
+					"scheme",
+					"iconOnly",
+					"size"
+				]
+			},
+			{
+				kind: "component",
+				type: XMarkIcon,
+				selector: "x-mark, x-mark-icon, XMark, XMarkIcon",
+				inputs: ["class"]
+			},
+			{
+				kind: "directive",
+				type: TooltipDirective,
+				selector: "[tooltip]",
+				inputs: [
+					"tooltip",
+					"tooltipPosition",
+					"tooltipEvent",
+					"showDelay",
+					"hideDelay",
+					"life",
+					"tooltipOffset",
+					"autoHide",
+					"hideOnEscape",
+					"escape",
+					"tooltipDisabled",
+					"tooltipArrow",
+					"tooltipStyleClass",
+					"tooltipOptions",
+					"tooltip-position",
+					"tooltip-delay",
+					"tooltip-duration",
+					"tooltip-offset"
+				],
+				exportAs: ["tooltip"]
+			},
+			{
+				kind: "directive",
+				type: Combobox,
+				selector: "[ngCombobox]",
+				inputs: [
+					"disabled",
+					"readonly",
+					"softDisabled",
+					"alwaysExpanded",
+					"tabindex",
+					"expanded",
+					"value",
+					"inlineSuggestion"
+				],
+				outputs: ["expandedChange", "valueChange"],
+				exportAs: ["ngCombobox"]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SearchBarSuggestionsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "SearchBar[suggestions], search-bar[suggestions], searchbar[suggestions]",
+			standalone: true,
+			imports: [...SEARCH_BAR_IMPORTS, Combobox],
+			template: `${BEFORE_CONTROL}
+    <input
+      ngCombobox ${CONTROL_ATTRIBUTES}
+      [(value)]="value" />${AFTER_CONTROL}`
+		}]
+	}],
+	propDecorators: { combobox: [{
+		type: i0.ViewChild,
+		args: [i0.forwardRef(() => Combobox), { isSignal: true }]
+	}] }
+});
 const DIALOG_REF = new InjectionToken("DIALOG_REF");
 const MODAL_LABEL = new InjectionToken("MODAL_LABEL");
 const MODAL_CLASS = "modal";
@@ -23933,6 +24332,6 @@ function normalize(sizes) {
 	if (total <= 0) return sizes.map(() => 100 / sizes.length);
 	return sizes.map((size) => size / total * 100);
 }
-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, 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, 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, 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, SearchIcon, SearchIconComponent, SearchInputComponent, 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, 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, TypeIcon, TypeIconComponent, UndoIcon, UndoIconComponent, UploadIcon, UploadIconComponent, UserIcon, UserIconComponent, UserRoundIcon, UserRoundIconComponent, UserSecretIcon, UserSecretIconComponent, VideoIcon, VideoIconComponent, XMarkIcon, XMarkIconComponent, createCallable, fixStaleComboboxRelay, getListDepthStyle, injectCallRef, injectFloatingPanel, 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, 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, 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, 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, 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, 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