@sinequa/galactik 2.5.0 → 2.7.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;
 /**
@@ -3019,7 +3150,7 @@ export declare class TabListComponent {
 export declare class TabComponent {
   class: import("@angular/core").InputSignal<string>;
   variant: import("@angular/core").InputSignal<"primary" | "secondary" | "inner" | "see-more" | null | undefined>;
-  size: import("@angular/core").InputSignal<"sm" | "md" | null | undefined>;
+  size: import("@angular/core").InputSignal<"md" | "sm" | null | undefined>;
   noTruncate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
@@ -3192,7 +3323,7 @@ export declare class SelectComponent<TOption, TValue = TOption | null> implement
   /** Placement du popup (Floating UI). */
   readonly placement: import("@angular/core").InputSignal<Placement>;
   /** Taille du champ DS (hauteur du trigger marqué `select-trigger`). */
-  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | null | undefined>;
   /**
    * Libellé du champ, rendu au-dessus du trigger (`.select-label`). Sert de repli au contenu
    * projeté : un `<… class="select-label">` projeté a la priorité (pour un libellé riche).
@@ -3463,10 +3594,10 @@ export declare const SELECT_OPTION_CHECK_CLASS = "select-option-check";
 export declare const SELECT_HINT_CLASS = "select-hint";
 export declare const SELECT_CHEVRON_CLASS = "select-chevron";
 export declare const selectWrapVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const selectTriggerVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
   empty?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const selectChevronVariants: (props?: ({
@@ -3566,7 +3697,7 @@ export declare class AutocompleteComponent<TOption, TSelected = TOption> {
   readonly noResultsText: import("@angular/core").InputSignal<string>;
   readonly searchingText: import("@angular/core").InputSignal<string>;
   readonly errorText: import("@angular/core").InputSignal<string>;
-  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | null | undefined>;
   /** Help text rendered under the field (`.select-hint`), like `SelectMenu`'s. */
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   /** Additional class(es) for the host — the DS styling root. */
@@ -3591,8 +3722,9 @@ export declare class AutocompleteComponent<TOption, TSelected = TOption> {
   /** Shows the chevron. The spinner still shows while a search runs. */
   readonly indicator: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /**
-   * Picking closes the list and clears the typed text — the chat mention box. By default the list stays open with the
-   * remaining suggestions and the query untouched, to pick several in a row.
+   * Picking closes the list and clears the typed text — the chat mention box. By default picking also clears the typed
+   * text, but the list stays open and shows everything the `loader` returns for an empty query (minus what is already
+   * applied), to pick several in a row. A loader must therefore accept `""` as "no filter".
    */
   readonly closeOnPick: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Emitted once per suggestion picked, or once for a free-text creation. The host persists it. */
@@ -3645,6 +3777,11 @@ export declare class AutocompleteComponent<TOption, TSelected = TOption> {
    * opened nothing.
    */
   private readonly settledQuery;
+  /**
+   * Set by a pick: the field was just emptied and the list keeps showing everything the loader returns for an empty
+   * query ("all"), so the next value can be picked at once. Typing, or emptying the field by hand, ends it.
+   */
+  private readonly browseAll;
   private readonly search;
   protected readonly loading: import("@angular/core").Signal<boolean>;
   protected readonly failed: import("@angular/core").Signal<boolean>;
@@ -3852,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<"small" | "sm" | "md" | "xs" | "lg" | "xsmall" | "medium" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | "small" | "medium" | "large" | "xs" | "xsmall" | null | undefined>;
   variants: import("@angular/core").Signal<string | undefined>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonComponent, "button", never, {
@@ -3897,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?: "small" | "sm" | "md" | "xs" | "lg" | "xsmall" | "medium" | "large" | null | undefined;
+  size?: "lg" | "md" | "sm" | "small" | "medium" | "large" | "xs" | "xsmall" | null | undefined;
   iconOnly?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -3923,7 +4060,7 @@ export declare class ToggleComponent {
   /** Palette : `unique` (primaire) ou `multi` (secondaire). */
   readonly variant: import("@angular/core").InputSignal<"multi" | "unique" | null | undefined>;
   /** Taille (`sm`/`md`, alias `small`/`medium`). */
-  readonly size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "medium" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"md" | "sm" | "small" | "medium" | null | undefined>;
   /** Pilule carrée (icône seule). */
   readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Discriminant de rendu d'icône (piloté par le consommateur). */
@@ -3996,7 +4133,7 @@ export declare class ToggleItemComponent {
   /** Palette explicite ; à défaut, héritée du `<ToggleGroup>` parent, sinon `unique`. */
   readonly variant: import("@angular/core").InputSignal<"multi" | "unique" | null | undefined>;
   /** Taille (`sm`/`md`, alias `small`/`medium`). */
-  readonly size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "medium" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"md" | "sm" | "small" | "medium" | null | undefined>;
   /** Pilule carrée (icône seule). */
   readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Discriminant de rendu d'icône (piloté par le consommateur). */
@@ -4133,7 +4270,7 @@ export declare const TOGGLE_ICON_CLASS = "toggle-icon";
 export declare const TOGGLE_LABEL_CLASS = "toggle-label";
 export declare const toggleVariants: (props?: ({
   variant?: "multi" | "unique" | null | undefined;
-  size?: "small" | "sm" | "md" | "medium" | null | undefined;
+  size?: "md" | "sm" | "small" | "medium" | null | undefined;
   iconOnly?: boolean | null | undefined;
   showIcon?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -4416,8 +4553,8 @@ export declare class ListItemAvatarDirective {
  */
 export declare class ListItemActionComponent {
   /**
-   * Libellé de l'action. Rendu en `title` (infobulle souris) et non en `aria-label` : l'élément
-   * est masqué aux technologies d'assistance, qui atteignent l'action par le raccourci `Suppr`
+   * Libellé de l'action, rendu dans l'infobulle des voyants (directive `tooltip`) et non en `aria-label` :
+   * l'icône est masquée aux technologies d'assistance, qui atteignent l'action par le raccourci `Suppr`
    * porté par `<ListItem>`. Le nom de l'entrée est conservé pour ne pas casser les appelants.
    */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
@@ -5113,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<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "xs" | "xsmall" | "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<"md" | "sm" | "small" | "medium" | "xs" | "xsmall" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<TagComponent, "tag, Tag", never, {
@@ -5145,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?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
-  size?: "small" | "sm" | "md" | "xs" | "xsmall" | "medium" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  size?: "md" | "sm" | "small" | "medium" | "xs" | "xsmall" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TagVariants = VariantProps<typeof tagVariants>;
 /**
@@ -5242,8 +5379,8 @@ export declare class TagInputComponent implements FormValueControl<string[]> {
   readonly separator: import("@angular/core").InputSignal<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<"error" | "default" | "success" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | 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>;
@@ -5356,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<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined>;
-  size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | 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<"md" | "sm" | "xs" | null | undefined>;
   ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
@@ -5400,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?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
-  size?: "sm" | "md" | "xs" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  size?: "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BadgeVariants = VariantProps<typeof badgeVariants>;
 /**
@@ -5421,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<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | 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<"sm" | "md" | "xs" | null | undefined>;
+  readonly size: import("@angular/core").InputSignal<"md" | "sm" | "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`.
@@ -5466,9 +5603,9 @@ export declare class BulletComponent {
   }, {}, never, never, true, never>;
 }
 declare const bulletVariants: (props?: ({
-  scheme?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
   fill?: "primary" | "secondary" | null | undefined;
-  size?: "sm" | "md" | "xs" | null | undefined;
+  size?: "md" | "sm" | "xs" | null | undefined;
   pulse?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type BulletVariants = VariantProps<typeof bulletVariants>;
@@ -5482,7 +5619,7 @@ type BulletVariants = VariantProps<typeof bulletVariants>;
  */
 export declare class KbdComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"sm" | "md" | "xs" | null | undefined>;
+  size: import("@angular/core").InputSignal<"md" | "sm" | "xs" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<KbdComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<KbdComponent, "kbd, Kbd", never, {
@@ -5536,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?: "sm" | "md" | "xs" | null | undefined;
+  size?: "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type KbdVariants = VariantProps<typeof kbdVariants>;
 /**
@@ -5550,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<"small" | "xsmall" | "medium" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "medium" | "large" | "xsmall" | 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<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | 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<"small" | "xsmall" | "medium" | "large" | null | undefined>>;
+  protected readonly resolvedSize: import("@angular/core").Signal<NonNullable<"small" | "medium" | "large" | "xsmall" | null | undefined>>;
   protected readonly resolvedFill: import("@angular/core").Signal<NonNullable<"primary" | "secondary" | null | undefined>>;
-  protected readonly resolvedScheme: import("@angular/core").Signal<NonNullable<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | 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, {
@@ -5639,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<"small" | "xsmall" | "medium" | "large" | null | undefined>;
+  size: import("@angular/core").InputSignal<"small" | "medium" | "large" | "xsmall" | null | undefined>;
   fill: import("@angular/core").InputSignal<"primary" | "secondary" | null | undefined>;
-  scheme: import("@angular/core").InputSignal<"error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | 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>;
@@ -5699,8 +5836,8 @@ declare const AVATAR_ICON_SIZE: {
 declare const avatarVariants: (props?: ({
   content?: "picture" | "initials" | null | undefined;
   style?: "primary" | "secondary" | null | undefined;
-  scheme?: "error" | "sage" | "success" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
-  size?: "small" | "xsmall" | "medium" | "large" | null | undefined;
+  scheme?: "success" | "error" | "sage" | "almond" | "pink" | "grey" | "yellow" | "cherry" | "indigo" | "cyan" | "warning" | "info" | null | undefined;
+  size?: "small" | "medium" | "large" | "xsmall" | 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. */
@@ -5758,7 +5895,7 @@ export declare class LinkIconRightDirective {
  */
 export declare class LinkComponent {
   class: import("@angular/core").InputSignal<string | undefined>;
-  size: import("@angular/core").InputSignal<"small" | "sm" | "md" | "medium" | null | undefined>;
+  size: import("@angular/core").InputSignal<"md" | "sm" | "small" | "medium" | null | undefined>;
   visited: import("@angular/core").InputSignal<boolean | null | undefined>;
   icon: import("@angular/core").InputSignal<boolean | null | undefined>;
   openWindow: import("@angular/core").InputSignal<boolean | null | undefined>;
@@ -5817,13 +5954,13 @@ export declare class LinkComponent {
 }
 export declare const LINK_LABEL_CLASS = "link-label";
 declare const linkVariants: (props?: ({
-  size?: "small" | "sm" | "md" | "medium" | null | undefined;
+  size?: "md" | "sm" | "small" | "medium" | null | undefined;
   visited?: boolean | null | undefined;
   icon?: boolean | null | undefined;
   openWindow?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const linkIconVariants: (props?: ({
-  size?: "small" | "sm" | "md" | "medium" | null | undefined;
+  size?: "md" | "sm" | "small" | "medium" | null | undefined;
   position?: "right" | "left" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type LinkVariants = VariantProps<typeof linkVariants>;
@@ -5844,14 +5981,14 @@ 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<"error" | "default" | "success" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | 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. */
   autoHeight: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Text size, independent of `size` (e.g. `md` height with `sm` text). Follows `size` when not set. */
-  textSize: import("@angular/core").InputSignal<"base" | "sm" | null | undefined>;
+  textSize: import("@angular/core").InputSignal<"sm" | "base" | null | undefined>;
   variants: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<InputComponent, "input-group, inputgroup, InputGroup", never, {
@@ -5942,8 +6079,8 @@ 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<"error" | "default" | "success" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | 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, {
@@ -5970,16 +6107,16 @@ declare const INPUT_ICON_RIGHT_CLASS = "input-icon-right";
 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?: "error" | "default" | "success" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
+  scheme?: "default" | "success" | "error" | null | undefined;
   filled?: boolean | null | undefined;
   numbers?: boolean | null | undefined;
   autoHeight?: boolean | null | undefined;
-  textSize?: "base" | "sm" | null | undefined;
+  textSize?: "sm" | "base" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const inputCounterVariants: (props?: ({
-  scheme?: "error" | "default" | "success" | null | undefined;
-  size?: "sm" | "md" | "lg" | null | undefined;
+  scheme?: "default" | "success" | "error" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputWrapVariants = VariantProps<typeof inputWrapVariants>;
 type InputCounterVariants = VariantProps<typeof inputCounterVariants>;
@@ -5998,8 +6135,8 @@ 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<"error" | "default" | "success" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | 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<"vertical" | "none" | "auto" | null | undefined>;
   filled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -6083,8 +6220,8 @@ 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<"error" | "default" | "success" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | 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, {
@@ -6114,8 +6251,8 @@ 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?: "error" | "default" | "success" | null | undefined;
+  size?: "lg" | "md" | "sm" | null | undefined;
+  scheme?: "default" | "success" | "error" | null | undefined;
   resize?: "vertical" | "none" | "auto" | null | undefined;
   filled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -6139,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>`.
    *
@@ -6162,12 +6309,12 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
    * Size of the field, as `InputGroup`: `lg` (44px), `md` (36px, default) or `sm` (24px). A `h-*` class
    * still overrides the height. At `sm` the clear button and the icons shrink so they fit inside the field.
    */
-  size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | null | undefined>;
   /**
    * Text size, independent of `size` (e.g. `md` height with `sm` text). Follows `size` when not set.
    * The magnifier and the clear cross follow the text size.
    */
-  textSize: import("@angular/core").InputSignal<"base" | "sm" | null | undefined>;
+  textSize: import("@angular/core").InputSignal<"sm" | "base" | null | undefined>;
   /** The text size actually rendered: `textSize`, else the one `size` carries. */
   private readonly smallText;
   /**
@@ -6197,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;
@@ -6229,6 +6391,7 @@ declare abstract class SearchInputBase implements FormValueControl<string> {
     };
   }, {
     "value": "valueChange";
+    "touch": "touch";
   }, never, never, true, never>;
 }
 /**
@@ -6238,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>;
 }
@@ -6298,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>>;
@@ -6335,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+? »…).
    *
@@ -6347,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<"sm" | "xs">;
+  buttonSize: import("@angular/core").Signal<"md" | "sm" | "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.
@@ -6405,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;
@@ -6423,6 +6620,7 @@ declare abstract class SearchBarBase implements FormValueControl<string> {
   }, {
     "value": "valueChange";
     "search": "search";
+    "touch": "touch";
   }, never, never, true, never>;
 }
 /**
@@ -6432,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>;
 }
@@ -6462,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";
@@ -6586,7 +6786,7 @@ export declare class DialogComponent {
 }
 export declare class DialogContentComponent {
   /** Modal width variant (sm/md/lg/xl). Left unset lets the cva default (`sm`) apply. */
-  size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl" | null | undefined>;
+  size: import("@angular/core").InputSignal<"lg" | "md" | "sm" | "xl" | null | undefined>;
   /** Explicit id for `aria-labelledby`; falls back to the projected `.modal-title` id. */
   labelledby: import("@angular/core").InputSignal<string | undefined>;
   class: import("@angular/core").InputSignal<string | undefined>;
@@ -6903,7 +7103,7 @@ export declare const MODAL_BODY_CLASS = "modal-body";
 export declare const MODAL_BODY_TEXT_CLASS = "modal-body-text";
 export declare const MODAL_FOOTER_CLASS = "modal-footer";
 export declare const modalVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+  size?: "lg" | "md" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ModalVariants = VariantProps<typeof modalVariants>;
 /**
@@ -6940,7 +7140,7 @@ export declare class SheetComponent {
   /** Edge the panel is anchored to. */
   side: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left" | 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<"lg" | "md" | "sm" | "xl" | "full" | null | undefined>;
   /** Explicit id for `aria-labelledby`; falls back to the projected `DialogTitle` id. */
   labelledby: import("@angular/core").InputSignal<string | undefined>;
   /**
@@ -7151,7 +7351,7 @@ 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;
+  size?: "lg" | "md" | "sm" | "xl" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SheetVariants = VariantProps<typeof sheetVariants>;
 /**
@@ -8058,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>;
 /**