@sinequa/galactik 2.6.0 → 2.8.0

package/types/sinequa-galactik.d.ts

@@ -643,7 +643,7 @@ export type EditIconComponent = EditIcon;
 export declare class EllipsisIcon {
   class: import("@angular/core").InputSignal<string | undefined>;
   classes: import("@angular/core").Signal<string>;
-  orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+  orientation: import("@angular/core").InputSignal<"vertical" | "horizontal">;
   static ɵfac: i0.ɵɵFactoryDeclaration<EllipsisIcon, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<EllipsisIcon, "ellipsis-icon, EllipsisIcon, ellipsisicon", never, {
     "class": {
@@ -1683,6 +1683,23 @@ export declare class QuestionCircleIcon {
  */
 export declare const QuestionCircleIconComponent: typeof QuestionCircleIcon;
 export type QuestionCircleIconComponent = QuestionCircleIcon;
+export declare class QuickFilterIcon {
+  class: import("@angular/core").InputSignal<string | undefined>;
+  classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<QuickFilterIcon, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<QuickFilterIcon, "quick-filter, quick-filter-icon, QuickFilter, QuickFilterIcon", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * @deprecated Use QuickFilterIcon instead.
+ */
+export declare const QuickFilterIconComponent: typeof QuickFilterIcon;
+export type QuickFilterIconComponent = QuickFilterIcon;
 export declare class RefreshIcon {
   class: import("@angular/core").InputSignal<string | undefined>;
   classes: import("@angular/core").Signal<string>;
@@ -2442,8 +2459,8 @@ interface FloatingPanelOptions {
   anchor: () => HTMLElement | null | undefined;
   /** Where the panel goes, in Floating UI's terms. A signal read is fine. Default `"bottom-start"`. */
   placement?: Placement | (() => Placement);
-  /** Distance from the anchor, in pixels. Default `4`. */
-  offset?: number;
+  /** Distance from the anchor, in pixels. Default `4`. A signal read is fine. */
+  offset?: number | (() => number);
   /**
    * Flips the panel to the opposite side when it does not fit on the requested one. Default `true`. Turn it off for a panel
    * that must stay where `placement` puts it (a menu that scrolls itself rather than jump above the field). A signal read is fine.
@@ -2482,6 +2499,120 @@ interface FloatingPanelOptions {
   afterPosition?: (anchor: HTMLElement, panel: HTMLElement) => void;
 }
 export declare function injectFloatingPanel(options: FloatingPanelOptions): void;
+/**
+ * A handle on an edge of a popover that resizes its height, with the mouse (or a finger) and with the keyboard.
+ *
+ * Put it inside the popover, first child for the `top` edge, last child for the `bottom` edge. Dragging the top edge up makes
+ * the popover taller and keeps its bottom edge where it is; dragging the bottom edge down keeps its top edge. The height
+ * goes from `min` to the room the viewport leaves (8px at the top, 16px at the bottom). A `bottom` handle hides itself when
+ * there is no room left under the popover.
+ *
+ * It is a `separator` that can be focused (WAI-ARIA window splitter): the arrows move it by `step` pixels (Up grows a top
+ * handle, Down grows a bottom one), Home goes to `min` and End to the largest height.
+ *
+ * Give the popover no vertical padding: the handle is 12px high and is the space at the edge, so it hugs it, and the line it
+ * shows sits close to the edge. The popover has to be able to use the height it is given: its content is a flex column whose list is `min-h-0 flex-1
+ * overflow-auto`. It takes the height away from the popover's own `max-height`, and moves a top edge with the CSS `translate`
+ * property and not with `top`, which a `PopoverDirective` rewrites each time it places the popover. That directive would also
+ * flip the popover as it grows: pin it with `lockPosition` once `resizeStart` is emitted (it keeps flipping and shifting until
+ * then, as for any popover).
+ *
+ * ```html
+ * <div popover id="p" lockPosition class="flex flex-col px-3">
+ *   <PopoverResizeHandle edge="top" label="Height of the list" />
+ *   <ul class="min-h-0 flex-1 overflow-auto">…</ul>
+ *   <PopoverResizeHandle edge="bottom" label="Height of the list" />
+ * </div>
+ * ```
+ */
+export declare class PopoverResizeHandleComponent {
+  /** The edge of the popover the handle sits on. */
+  readonly edge: import("@angular/core").InputSignal<"top" | "bottom">;
+  /** The smallest height the popover can be given, in pixels. */
+  readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** What an arrow key moves the edge by, in pixels. */
+  readonly step: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** Accessible name of the handle. Nothing in the library translates: pass it translated. */
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly class: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Emitted when the user starts to resize (a press on the handle, or a key that resizes), before the height changes. A host
+   * that lets Floating UI place the popover uses it to pin the position (`lockPosition`) from then on: a popover that keeps
+   * being flipped or shifted while its height changes would jump under the pointer.
+   */
+  readonly resizeStart: import("@angular/core").OutputEmitterRef<void>;
+  private readonly host;
+  private readonly destroyRef;
+  protected readonly valueNow: import("@angular/core").WritableSignal<number | null>;
+  protected readonly valueMax: import("@angular/core").WritableSignal<number | null>;
+  /** A bottom handle is hidden while there is no room under the popover to grow into. */
+  protected readonly hidden: import("@angular/core").WritableSignal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  /**
+   * The bottom edge a top handle is holding in place, for the moment after a resize: a `PopoverDirective` places the popover
+   * again once its size has changed (its `top` depends on the new height when it sits above its trigger), which would move the
+   * bottom edge the translate had just put back. While this is set, each new placement is followed by the translate that
+   * brings the bottom edge back. It is let go a moment later, so that the popover goes on following its trigger on scroll.
+   */
+  private held;
+  private heldTimer;
+  /** The state of a drag: where the pointer and the popover were when it began. */
+  private drag;
+  constructor();
+  /** The popover this handle resizes: the nearest ancestor with the `popover` attribute. */
+  private popover;
+  /** The height now, the largest one the viewport allows, and whether a bottom handle has room to be of any use. */
+  protected refresh(): void;
+  /** The largest height: up to the top margin for a top edge (the bottom edge stays), to the bottom margin for a bottom edge. */
+  private largest;
+  /**
+   * Gives the popover a height. A top edge keeps the bottom of the popover where `bottom` says: the popover is made taller
+   * from its top, which `translate` moves up by what its own `top` would otherwise leave. A bottom edge only grows it.
+   */
+  private setHeight;
+  /** Puts the held bottom edge back where it was, after the popover was placed again. A no-op once it is where it should be. */
+  private holdBottom;
+  private hold;
+  /** Lets the bottom edge go: the user begins something else, which must not be pulled back. */
+  release(): void;
+  /** A new interaction: whatever another handle of this popover was holding is let go. */
+  private begin;
+  private translateY;
+  protected onPointerDown(event: PointerEvent): void;
+  protected onPointerMove(event: PointerEvent): void;
+  protected onPointerEnd(event: PointerEvent): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverResizeHandleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PopoverResizeHandleComponent, "PopoverResizeHandle, popover-resize-handle", never, {
+    "edge": {
+      "alias": "edge";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "resizeStart": "resizeStart";
+  }, never, never, true, never>;
+}
 /** Where the tooltip goes: `top`, `bottom`, `left`, `right`, or any other Floating UI placement (`top-start`…). */
 type TooltipPosition = Placement;
 /**
@@ -3858,10 +3989,10 @@ export declare const AUTOCOMPLETE_TRIGGER_CLASS = "select-trigger w-full cursor-
 export declare const AUTOCOMPLETE_TAGS_CLASS = "flex flex-wrap gap-(--spacing-3xs)";
 export declare class ButtonComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
-  variant: import("@angular/core").InputSignal<"primary" | "secondary" | "none" | "light-accent" | "accent" | "tertiary" | null | undefined>;
+  variant: import("@angular/core").InputSignal<"none" | "light-accent" | "accent" | "primary" | "secondary" | "tertiary" | null | undefined>;
   scheme: import("@angular/core").InputSignal<"default" | "neutral" | null | undefined>;
   iconOnly: import("@angular/core").InputSignal<boolean | null | undefined>;
-  size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | "xsmall" | "small" | "medium" | "lg" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "small" | "medium" | "xsmall" | "xs" | "lg" | "large" | null | undefined>;
   variants: import("@angular/core").Signal<string | undefined>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonComponent, "button", never, {
@@ -3903,9 +4034,9 @@ declare const BUTTON_ICON_LEFT_CLASS = "btn-icon-left";
 declare const BUTTON_ICON_RIGHT_CLASS = "btn-icon-right";
 declare const BUTTON_ICON_SOLO_CLASS = "btn-icon-solo";
 declare const buttonVariants: (props?: ({
-  variant?: "primary" | "secondary" | "none" | "light-accent" | "accent" | "tertiary" | null | undefined;
+  variant?: "none" | "light-accent" | "accent" | "primary" | "secondary" | "tertiary" | null | undefined;
   scheme?: "default" | "neutral" | null | undefined;
-  size?: "xs" | "sm" | "md" | "xsmall" | "small" | "medium" | "lg" | "large" | null | undefined;
+  size?: "sm" | "md" | "small" | "medium" | "xsmall" | "xs" | "lg" | "large" | null | undefined;
   iconOnly?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -4890,7 +5021,7 @@ export declare class RowFeedComponent<T> extends RowListBase<T> {
 export declare class SwitchComponent {
   readonly checked: import("@angular/core").ModelSignal<boolean>;
   readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-  readonly size: import("@angular/core").InputSignal<"xs" | "xsmall" | "small" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"small" | "xsmall" | "xs" | null | undefined>;
   readonly class: import("@angular/core").InputSignal<string | undefined>;
   /**
    * Accessible name of the inner `<input>`, for a switch whose label is not projected.
@@ -4996,7 +5127,7 @@ declare const SWITCH_THUMB_ICON_CLASS = "switch-thumb-icon";
 declare const SWITCH_THUMB_ICON_OFF_CLASS = "switch-thumb-icon-off";
 declare const SWITCH_THUMB_ICON_ON_CLASS = "switch-thumb-icon-on";
 declare const switchRootVariants: (props?: ({
-  size?: "xs" | "xsmall" | "small" | null | undefined;
+  size?: "small" | "xsmall" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const switchTrackVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const switchThumbVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
@@ -5119,8 +5250,8 @@ type RadioRootVariants = VariantProps<typeof radioRootVariants>;
 export declare class TagComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   variant: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined>;
-  size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | "xsmall" | "small" | "medium" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "small" | "medium" | "xsmall" | "xs" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<TagComponent, "tag, Tag", never, {
@@ -5151,8 +5282,8 @@ declare const TAG_ICON_CLASS = "tag-icon";
 declare const TAG_FLAG_CLASS = "tag-flag";
 declare const tagVariants: (props?: ({
   variant?: "primary" | "secondary" | null | undefined;
-  scheme?: "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined;
-  size?: "xs" | "sm" | "md" | "xsmall" | "small" | "medium" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  size?: "sm" | "md" | "small" | "medium" | "xsmall" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TagVariants = VariantProps<typeof tagVariants>;
 /**
@@ -5249,7 +5380,7 @@ export declare class TagInputComponent implements FormValueControl<string[]> {
   /** Adds what is typed when the field loses focus. Turn it off for a field that must only take explicit additions. */
   readonly addOnBlur: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
-  readonly scheme: import("@angular/core").InputSignal<"success" | "error" | "default" | null | undefined>;
+  readonly scheme: import("@angular/core").InputSignal<"default" | "success" | "error" | null | undefined>;
   readonly class: import("@angular/core").InputSignal<string | undefined>;
   /** Accessible name of the whole group (what the tags are: "Tags"). Aliased on the attribute, as `SearchInput` does. */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
@@ -5362,8 +5493,8 @@ export declare class BadgeComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   variant: import("@angular/core").InputSignal<"number" | "icon" | null | undefined>;
   fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined>;
-  size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
   ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
@@ -5406,8 +5537,8 @@ declare const BADGE_NUMBER_CLASS = "badge-number";
 declare const badgeVariants: (props?: ({
   variant?: "number" | "icon" | null | undefined;
   style?: "primary" | "secondary" | null | undefined;
-  scheme?: "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined;
-  size?: "xs" | "sm" | "md" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  size?: "sm" | "md" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 /**
@@ -5427,9 +5558,9 @@ type BadgeVariants = VariantProps<typeof badgeVariants>;
  */
 export declare class BulletComponent {
   readonly class: import("@angular/core").InputSignal<string | undefined>;
-  readonly scheme: import("@angular/core").InputSignal<"sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined>;
+  readonly scheme: import("@angular/core").InputSignal<"success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
   readonly fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
-  readonly size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
   /**
    * Wraps the dot in an expanding, fading halo — the "live" status light. Off by default; it
    * animates nothing under `prefers-reduced-motion`.
@@ -5472,9 +5603,9 @@ export declare class BulletComponent {
   }, {}, never, never, true, never>;
 }
 declare const bulletVariants: (props?: ({
-  scheme?: "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
   fill?: "primary" | "secondary" | null | undefined;
-  size?: "xs" | "sm" | "md" | null | undefined;
+  size?: "sm" | "md" | "xs" | null | undefined;
   pulse?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BulletVariants = VariantProps<typeof bulletVariants>;
@@ -5488,7 +5619,7 @@ type BulletVariants = VariantProps<typeof bulletVariants>;
  */
 export declare class KbdComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<KbdComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<KbdComponent, "kbd, Kbd", never, {
@@ -5542,7 +5673,7 @@ export declare class KbdGroupComponent {
  * n'aurait pas de sens et gêne le copier d'un texte l'entourant.
  */
 declare const kbdVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | null | undefined;
+  size?: "sm" | "md" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type KbdVariants = VariantProps<typeof kbdVariants>;
 /**
@@ -5556,16 +5687,16 @@ export declare class AvatarFallbackComponent {
   canrender: import("@angular/core").WritableSignal<boolean>;
   class: import("@angular/core").InputSignal<string | undefined>;
   /** Explicite ; à défaut, hérité de l'`<avatar>` parent, sinon `"large"` (aligné sur le cva). */
-  size: import("@angular/core").InputSignal<"xsmall" | "small" | "medium" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "medium" | "xsmall" | "large" | null | undefined>;
   /** Explicite ; à défaut, hérité de l'`<avatar>` parent, sinon `"primary"`. */
   fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
   /** Explicite ; à défaut, hérité de l'`<avatar>` parent, sinon `"sage"`. */
-  scheme: import("@angular/core").InputSignal<"sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
   /** Conteneur parent, pour hériter size/fill/scheme par défaut. */
   private readonly avatar;
-  protected readonly resolvedSize: import("@angular/core").Signal<NonNullable<"xsmall" | "small" | "medium" | "large" | null | undefined>>;
+  protected readonly resolvedSize: import("@angular/core").Signal<NonNullable<"small" | "medium" | "xsmall" | "large" | null | undefined>>;
   protected readonly resolvedFill: import("@angular/core").Signal<NonNullable<"primary" | "secondary" | null | undefined>>;
-  protected readonly resolvedScheme: import("@angular/core").Signal<NonNullable<"sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined>>;
+  protected readonly resolvedScheme: import("@angular/core").Signal<NonNullable<"success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<AvatarFallbackComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<AvatarFallbackComponent, "avatar-fallback, avatarfallback, AvatarFallback", never, {
@@ -5645,9 +5776,9 @@ export declare class AvatarComponent {
   avatarImage: import("@angular/core").Signal<AvatarImageComponent | undefined>;
   avatarFallback: import("@angular/core").Signal<AvatarFallbackComponent | undefined>;
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"xsmall" | "small" | "medium" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "medium" | "xsmall" | "large" | null | undefined>;
   fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   constructor();
   static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
@@ -5705,8 +5836,8 @@ declare const AVATAR_ICON_SIZE: {
 declare const avatarVariants: (props?: ({
   content?: "picture" | "initials" | null | undefined;
   style?: "primary" | "secondary" | null | undefined;
-  scheme?: "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "success" | "warning" | "info" | "error" | null | undefined;
-  size?: "xsmall" | "small" | "medium" | "large" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  size?: "small" | "medium" | "xsmall" | "large" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AvatarVariants = VariantProps<typeof avatarVariants>;
 /** Left icon slot — tags its host with the `link-icon-left` class and pins it to the start. */
@@ -5830,7 +5961,7 @@ declare const linkVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const linkIconVariants: (props?: ({
   size?: "sm" | "md" | "small" | "medium" | null | undefined;
-  position?: "right" | "left" | null | undefined;
+  position?: "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type LinkVariants = VariantProps<typeof linkVariants>;
 type LinkIconVariants = VariantProps<typeof linkIconVariants>;
@@ -5851,7 +5982,7 @@ type LinkIconVariants = VariantProps<typeof linkIconVariants>;
 export declare class InputComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"success" | "error" | "default" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"default" | "success" | "error" | null | undefined>;
   filled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   numbers: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** The group grows with its content (wrapping chips, several lines) instead of keeping a fixed height; the size's height is its minimum. */
@@ -5949,7 +6080,7 @@ export declare class InputIconRightDirective {
 export declare class InputCounterComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"success" | "error" | "default" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"default" | "success" | "error" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<InputCounterComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<InputCounterComponent, "input-counter, inputcounter, InputCounter", never, {
@@ -5977,14 +6108,14 @@ declare const INPUT_COUNTER_CLASS = "input-counter";
 declare const INPUT_SEARCH_NATIVE_RESET: string;
 declare const inputWrapVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
-  scheme?: "success" | "error" | "default" | null | undefined;
+  scheme?: "default" | "success" | "error" | null | undefined;
   filled?: boolean | null | undefined;
   numbers?: boolean | null | undefined;
   autoHeight?: boolean | null | undefined;
   textSize?: "sm" | "base" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const inputCounterVariants: (props?: ({
-  scheme?: "success" | "error" | "default" | null | undefined;
+  scheme?: "default" | "success" | "error" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputWrapVariants = VariantProps<typeof inputWrapVariants>;
@@ -6005,7 +6136,7 @@ type InputCounterVariants = VariantProps<typeof inputCounterVariants>;
 export declare class TextareaComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"success" | "error" | "default" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"default" | "success" | "error" | null | undefined>;
   /** How the box gets its height: native handle, locked, or content-driven. */
   resize: import("@angular/core").InputSignal<"none" | "vertical" | "auto" | null | undefined>;
   filled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -6090,7 +6221,7 @@ export declare class TextareaControlDirective {
 export declare class TextareaCounterComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
   size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"success" | "error" | "default" | null | undefined>;
+  scheme: import("@angular/core").InputSignal<"default" | "success" | "error" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<TextareaCounterComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<TextareaCounterComponent, "textarea-counter, textareacounter, TextareaCounter", never, {
@@ -6121,7 +6252,7 @@ export declare const TEXTAREA_COUNTER_CLASS = "textarea-counter";
 export declare const TEXTAREA_LINE_HEIGHT = 1.4;
 export declare const textareaWrapVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
-  scheme?: "success" | "error" | "default" | null | undefined;
+  scheme?: "default" | "success" | "error" | null | undefined;
   resize?: "none" | "vertical" | "auto" | null | undefined;
   filled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -6145,6 +6276,16 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
   value: import("@angular/core").ModelSignal<string>;
   placeholder: import("@angular/core").InputSignal<string>;
   disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Read-only: the text can be selected and copied but not edited. Written by `[formField]` from the field's `readonly()` rule. */
+  readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Announced as required (`aria-required`). Written by `[formField]`; the validation itself is the field's `required()` rule. */
+  required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Announced as invalid (`aria-invalid`). Written by `[formField]` from the field's validity. */
+  invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Emitted when the field loses the focus: `[formField]` marks the field as touched, which also flushes a pending `debounce()`. */
+  touch: import("@angular/core").OutputEmitterRef<void>;
+  /** Moves the focus into the field. Called by `[formField]` (`focusBoundControl()`, `onInvalid`) and by hosts. */
+  focus(options?: FocusOptions): void;
   /**
    * Accessible name of the inner `<input>`.
    *
@@ -6180,7 +6321,7 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
    * The clear button is a square box: it drops to `xs` (16px) with small text, and always at `size="sm"`
    * so it fits inside the 24px field whatever the text size.
    */
-  buttonSize: import("@angular/core").Signal<"xs" | "sm">;
+  buttonSize: import("@angular/core").Signal<"sm" | "xs">;
   /** Icon size follows the text: below the default 16px with small text, like `SearchBar`'s `small`. */
   iconClass: import("@angular/core").Signal<"" | "size-3">;
   /** Leading magnifier: focus-rotation animation + size-aware sizing. */
@@ -6203,6 +6344,21 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
       "required": false;
       "isSignal": true;
     };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
     "ariaLabel": {
       "alias": "aria-label";
       "required": false;
@@ -6235,6 +6391,7 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
     };
   }, {
     "value": "valueChange";
+    "touch": "touch";
   }, never, never, true, never>;
 }
 /**
@@ -6244,6 +6401,8 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
  * `SearchInputSuggestionsComponent` instead: that one is a real ARIA combobox.
  */
 export declare class SearchInputComponent extends SearchInputBase {
+  /** The inner `<input>` is bound to a form over the `value` model: no `$event.target` read by hand. */
+  protected readonly field: import("@angular/forms/signals").FieldTree<string, string | number, "writable">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SearchInputComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SearchInputComponent, "SearchInput:not([suggestions]), search-input:not([suggestions]), searchinput:not([suggestions])", never, {}, {}, never, ["*"], true, never>;
 }
@@ -6304,7 +6463,7 @@ export declare class ListboxActivateOnHover {
 declare abstract class SearchBarBase implements FormValueControl<string> {
   cn: import("cn").CnFunction;
   searchBarVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | "hero" | null | undefined;
   } & import("class-variance-authority/types").ClassProp) | undefined) => string;
   protected readonly searchNativeReset: string;
   searchInput: import("@angular/core").Signal<ElementRef<any>>;
@@ -6341,6 +6500,16 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
   /** Accessible name of the send button. Nothing in the library translates: pass it translated. */
   sendLabel: import("@angular/core").InputSignal<string>;
   disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Read-only: the text can be selected and copied but not edited. Written by `[formField]` from the field's `readonly()` rule. */
+  readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Announced as required (`aria-required`). Written by `[formField]`; the validation itself is the field's `required()` rule. */
+  required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Announced as invalid (`aria-invalid`). Written by `[formField]` from the field's validity. */
+  invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Emitted when the field loses the focus: `[formField]` marks the field as touched, which also flushes a pending `debounce()`. */
+  touch: import("@angular/core").OutputEmitterRef<void>;
+  /** Moves the focus into the field. Called by `[formField]` (`focusBoundControl()`, `onInvalid`) and by hosts. */
+  focus(options?: FocusOptions): void;
   /**
    * Raccourci annoncé sur l'`<input>` via `aria-keyshortcuts` (« Alt+1 », « Shift+? »…).
    *
@@ -6353,13 +6522,20 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
    * `aria-keyshortcuts` ne fait qu'annoncer : c'est à l'application de câbler l'exécution.
    */
   hotkey: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "medium" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "medium" | "large" | "hero" | null | undefined>;
   class: import("@angular/core").InputSignal<string | undefined>;
   /**
    * Icon-only action buttons (clear / send) shrink to `xs` at the `small`
    * size so their square box fits inside the `h-6` pill instead of overflowing.
    */
-  buttonSize: import("@angular/core").Signal<"xs" | "sm">;
+  buttonSize: import("@angular/core").Signal<"sm" | "md" | "xs">;
+  /** The `hero` size: the field of a home page, whose send button is a round primary magnifier that is always shown. */
+  protected isHero: import("@angular/core").Signal<boolean>;
+  /**
+   * The send button appears with the text — except on the `hero` size, where it is always there (a little faded while the
+   * field is empty, as it still sends: an empty search may be allowed).
+   */
+  protected sendClass: import("@angular/core").Signal<string>;
   /**
    * Trailing/leading icons drop below the default 16px at the `small` size
    * so they leave breathing room inside the smaller buttons/pill.
@@ -6411,6 +6587,21 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
       "required": false;
       "isSignal": true;
     };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
     "hotkey": {
       "alias": "hotkey";
       "required": false;
@@ -6429,6 +6620,7 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
   }, {
     "value": "valueChange";
     "search": "search";
+    "touch": "touch";
   }, never, never, true, never>;
 }
 /**
@@ -6438,6 +6630,8 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
  * instead: that one is a real ARIA combobox.
  */
 export declare class SearchBarComponent extends SearchBarBase {
+  /** The inner `<input>` is bound to a form over the `value` model: no `$event.target` read by hand. */
+  protected readonly field: import("@angular/forms/signals").FieldTree<string, string | number, "writable">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SearchBarComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SearchBarComponent, "SearchBar:not([suggestions]), search-bar:not([suggestions]), searchbar:not([suggestions])", never, {}, {}, never, ["*", "[slot='trailing']"], true, never>;
 }
@@ -6468,7 +6662,7 @@ export declare class SearchBarSuggestionsComponent extends SearchBarBase {
 export declare const SB_ICON_CLASS = "sb-icon";
 export declare const SB_INPUT_CLASS = "sb-input";
 export declare const searchBarVariants: (props?: ({
-  size?: "small" | "medium" | "large" | null | undefined;
+  size?: "small" | "medium" | "large" | "hero" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SearchBarVariants = VariantProps<typeof searchBarVariants>;
 type DialogEvent = "dialog-close" | "dialog-cancel" | "dialog-confirm" | "dialog-no" | "dialog-yes";
@@ -6944,9 +7138,9 @@ type ModalVariants = VariantProps<typeof modalVariants>;
 export declare class SheetComponent {
   private readonly native;
   /** Edge the panel is anchored to. */
-  side: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left" | null | undefined>;
+  side: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom" | null | undefined>;
   /** Extent along the axis the side implies — a width for left/right, a height for top/bottom. */
-  size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl" | "full" | null | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "screen" | null | undefined>;
   /** Explicit id for `aria-labelledby`; falls back to the projected `DialogTitle` id. */
   labelledby: import("@angular/core").InputSignal<string | undefined>;
   /**
@@ -7156,8 +7350,8 @@ export declare const SHEET_CLOSE_CLASS = "sheet-close";
 export declare const SHEET_BODY_CLASS = "sheet-body";
 export declare const SHEET_FOOTER_CLASS = "sheet-footer";
 export declare const sheetVariants: (props?: ({
-  side?: "top" | "right" | "bottom" | "left" | null | undefined;
-  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
+  side?: "left" | "right" | "top" | "bottom" | null | undefined;
+  size?: "sm" | "md" | "lg" | "xl" | "full" | "screen" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SheetVariants = VariantProps<typeof sheetVariants>;
 /**
@@ -7217,13 +7411,13 @@ export declare class SidebarComponent implements SidebarRef {
   /** Replié/déplié, contrôlé par le consommateur — aucune persistance intégrée (cf. doc de classe). */
   readonly collapsed: import("@angular/core").ModelSignal<boolean>;
   /** Bord d'ancrage, en desktop comme pour le tiroir mobile. */
-  readonly side: import("@angular/core").InputSignal<"right" | "left" | null | undefined>;
+  readonly side: import("@angular/core").InputSignal<"left" | "right" | null | undefined>;
   /**
    * `sidebar` = collée au bord ; `floating` = panneau détaché avec marge/ombre ; `inset` = pas de
    * bordure propre, le contenu principal de l'app (marqué `sidebarInset`, `sidebar-inset.ts`) prend
    * l'apparence encastrée à la place.
    */
-  readonly variant: import("@angular/core").InputSignal<"floating" | "sidebar" | "inset" | null | undefined>;
+  readonly variant: import("@angular/core").InputSignal<"sidebar" | "floating" | "inset" | null | undefined>;
   /**
    * Nom accessible du panneau. Porté par le `<aside>` en desktop ; c'est le seul nom du tiroir
    * `<dialog>` en mode mobile (`Sheet` l'exige, cf. `ui/sheet/sheet.ts`). Pas de valeur par défaut :
@@ -7830,8 +8024,8 @@ declare const SIDEBAR_HOST_CLASS = "contents [--sidebar-width-icon:3.5rem] [--si
  * whole panel would round a compact item row into more of a pill than a rectangle.
  */
 export declare const sidebarVariants: (props?: ({
-  side?: "right" | "left" | null | undefined;
-  variant?: "floating" | "sidebar" | "inset" | null | undefined;
+  side?: "left" | "right" | null | undefined;
+  variant?: "sidebar" | "floating" | "inset" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SidebarVariants = VariantProps<typeof sidebarVariants>;
 /**
@@ -8064,7 +8258,7 @@ export declare class ResizablePanelGroupComponent {
  * a panel whose content is wider than its share from pushing the whole group.
  */
 export declare const resizableGroupVariants: (props?: ({
-  direction?: "horizontal" | "vertical" | null | undefined;
+  direction?: "vertical" | "horizontal" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ResizableGroupVariants = VariantProps<typeof resizableGroupVariants>;
 /**