@sinequa/galactik 2.1.1 → 2.2.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";
@@ -8809,13 +8809,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 +8833,7 @@ function injectPopover(options) {
 			} else {
 				cleanupAutoUpdate?.();
 				cleanupAutoUpdate = null;
+				el.style.visibility = "hidden";
 			}
 		});
 		destroyRef.onDestroy(() => cleanupAutoUpdate?.());
@@ -8881,6 +8884,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 +8899,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 +8969,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 +9054,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "matchTriggerWidth",
 				required: false
 			}]
+		}],
+		hideWhenTriggerHidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideWhenTriggerHidden",
+				required: false
+			}]
 		}]
 	}
 });
@@ -9051,6 +9074,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 +9098,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 +11863,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 +12499,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;
@@ -16046,9 +16067,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 +16123,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 +16197,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 +16230,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 +16252,8 @@ var SwitchComponent = class SwitchComponent {
 			type: CheckIcon,
 			selector: "check, check-icon, Check, CheckIcon",
 			inputs: ["class"]
-		}]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
@@ -16229,6 +16267,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 +16283,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 +16357,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		compact: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "compact",
+				required: false
+			}]
+		}],
 		tabIndex: [{
 			type: i0.Input,
 			args: [{
@@ -19854,10 +19904,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 +19974,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 +19982,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 +20064,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 +20197,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 +20272,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 +20317,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 +20329,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 +20392,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 +20417,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 +20483,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 +20531,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() }))" }
-		}]
+`;
+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() }))" } }]
 	}],
-	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: [{
@@ -20699,7 +20698,7 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.Input,
 			args: [{
 				isSignal: true,
-				alias: "ariaLabel",
+				alias: "aria-label",
 				required: false
 			}]
 		}],
@@ -20753,6 +20752,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 +24155,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, 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