@starterlib/ui 0.10.14 → 0.11.1

package/types/starterlib-ui.d.ts

@@ -148,10 +148,24 @@ export interface LibellesUi {
   readonly reglesDuMotDePasse: string;
   readonly regleRespectee: string;
   readonly regleNonRespectee: string;
+  /** Jauge de force du mot de passe (ADR web 0011) : son nom, ses trois niveaux, l'annonce d'un changement. */
+  readonly forceDuMotDePasse: string;
+  readonly niveauxDeForce: readonly [string, string, string];
+  readonly forceAnnoncee: (niveau: string) => string;
+  /** La jauge `etendue` avant toute saisie (0.11.1) : « Force : En attente ». */
+  readonly forceEnAttente: string;
   readonly revelerPendant: (duree: string) => string;
   readonly rechercher: string;
   readonly effacerLaRecherche: string;
   readonly fermerLeMessage: string;
+  /**
+   * Environnement d'essai (P08-04) : le mot et la phrase de la banniere de `st-app-shell
+   * variante="essai"`, et l'annonce de sa fin. Neutres par defaut ; l'application les remplace
+   * (par les entrees de la coquille, ou par son dictionnaire).
+   */
+  readonly environnementDEssai: string;
+  readonly environnementDEssaiMessage: string;
+  readonly finDeLEnvironnementDEssai: (mot: string) => string;
   /** Pile des messages ephemeres (lot 233) : nom de sa region, fermeture d'un message persistant. */
   readonly regionDesMessages: string;
   readonly ignorerLeMessage: string;
@@ -162,12 +176,19 @@ export interface LibellesUi {
   /** Nom de la region du corps d'un dialogue quand il defile (`st-dialog-content`, lot 229). */
   readonly corpsDuDialogue: string;
   /**
-   * Prefixes masques qui disent le ton d'un message EN MOTS (`st-banner`, `st-inline-message`),
-   * ponctuation comprise : « Avertissement : » en francais, « Warning: » en anglais.
+   * Prefixes qui disent le ton d'un message EN MOTS (`st-banner`, `st-inline-message`),
+   * ponctuation comprise : « Avertissement : » en francais, « Warning: » en anglais. Masques et
+   * lus ; affiches sous le reglage `--st-prefixe-de-ton: visible` (P08-03).
    */
   readonly tonInformation: string;
   readonly tonSucces: string;
   readonly tonAvertissement: string;
+  /** Une faute ou un echec (ton `erreur`, P08-03). */
+  readonly tonErreur: string;
+  /**
+   * Le ton `danger` (destruction, urgence) garde « Erreur : », son mot d'avant le role `erreur` :
+   * ce que lisent les consommateurs du socle ne change pas. Une faute passe au ton `erreur`.
+   */
   readonly tonDanger: string;
   /** Montants */
   readonly montantIllisible: (exemple: string) => string;
@@ -642,7 +663,17 @@ export interface ConfigurationUi {
    * absent, c'est celui du navigateur.
    */
   readonly fuseau?: string;
+  /**
+   * La marque d'un champ obligatoire (0.11.1) : `mention` (defaut), « (obligatoire) » en texte au
+   * bout de l'etiquette ; `asterisque`, un asterisque a l'encre de l'erreur colle au libelle, pour
+   * une marque qui l'ecrit ainsi. L'obligation reste dite au lecteur d'ecran par `aria-required`.
+   */
+  readonly marqueDObligation?: MarqueDObligation;
 }
+/** Voir `ConfigurationUi.marqueDObligation`. */
+export type MarqueDObligation = 'mention' | 'asterisque';
+/** La marque d'un champ obligatoire de toute l'application ; `mention` par defaut. */
+export declare const ST_MARQUE_D_OBLIGATION: InjectionToken<MarqueDObligation>;
 /**
  * Configure `@starterlib/ui` pour toute l'application.
  *
@@ -929,7 +960,7 @@ export declare function fermerApresLaSortie(element: Element, detacher: () => vo
  * echoue a la compilation : une reference `use` vers un identifiant absent ne rend RIEN, sans
  * erreur, et le defaut passe la revue.
  */
-export declare const NOMS_DICONE: readonly ["accessibilite", "appareils", "arborescence", "asterisque", "badge-coche", "banque", "batiment", "bifurcation", "billets", "billets-envoi", "billets-pile", "boite", "boite-de-reception", "bouclier", "bouclier-alerte", "bouclier-coche", "bouclier-coeur", "bouclier-croix", "bouclier-moitie", "bouclier-recherche", "bouclier-utilisateur", "boussole", "bouton-curseur", "bulle-question", "cadenas", "cadenas-horloge", "cadenas-ouvert", "cadre-pied", "cadre-texte", "calendrier", "calendrier-evenement", "calendrier-horloge", "calendrier-jour", "calques", "carte-bancaire", "carte-bancaire-barre", "carte-bancaire-cadenas", "carte-contact", "carte-identite", "cartes-empilees", "case-cochee", "casse", "cercle", "cercle-alerte", "cercle-chevron-bas", "cercle-coche", "cercle-coche-ouvert", "cercle-croix", "cercle-info", "cercle-moins", "cercle-plus", "cercle-question", "certificat", "chandelier", "chargement", "cheque", "chevron-bas", "chevron-droite", "chevron-gauche", "chevron-haut", "chevrons-droite", "chevrons-haut-bas", "cle", "cloche", "cloche-sonnerie", "coche", "code", "code-qr", "code-qr-scanner", "coffre-fort", "colonnes", "connexion", "contraste", "copie", "corbeille", "corbeille-croix", "courriel", "crayon", "croix", "curseur-clic", "deconnexion", "devise", "disposition", "dollar", "dossier", "dossier-barre", "dossier-ouvert", "double-coche", "echange", "eclair", "empreinte-digitale", "enregistrer", "entree", "envoyer", "epaisseur-de-trait", "epingle", "etoile", "euro", "fichier", "fichier-image", "fichier-pdf", "fichier-texte", "filtre", "filtre-barre", "filtre-lignes", "fleche-bas", "fleche-bas-gauche", "fleche-bas-ligne", "fleche-droite", "fleche-gauche", "fleche-haut", "fleche-haut-droite", "fleche-haut-ligne", "fleche-large-haut", "fleches-gauche-droite", "flocon", "flou", "formes", "globe", "graphique-anneau", "graphique-barres", "graphique-barres-cadre", "graphique-camembert", "graphique-ligne", "graphique-lignes", "grille", "grille-lignes", "hexagone", "historique", "horloge", "horloge-fleche", "iban", "imprimer", "interdit", "jalons", "jauge", "lien", "lien-externe", "lignes", "lignes-crayon", "liste", "liste-coche", "liste-controle", "liste-numerotee", "luminosite", "lune", "maillet", "maison", "marque-page", "menu", "menu-ouvert", "message", "minuteur", "mise-au-point", "mise-en-page-image", "moins", "nuage-barre", "nuage-televerser", "octogone-alerte", "oeil", "oeil-barre", "panneau-gauche", "parametres", "parapluie", "parchemin", "pieces", "plus", "pointeur", "points", "points-verticaux", "portefeuille", "portefeuille-cartes", "presse-papiers-coche", "presse-papiers-horloge", "priorite-haute", "rafraichir", "recherche", "recherche-barre", "recherche-texte", "rectangle-points", "recu", "redemarrer", "reglages", "regle", "reseau-jauge", "rotation-arriere", "routeur", "sablier", "sablier-bas", "sablier-haut", "sac-argent", "sans-contact", "serveur", "soleil", "style-de-trait", "synchro", "synchro-probleme", "tableau", "tableau-de-bord", "tableau-de-bord-plus", "tablette", "tabulation", "telecharger", "telephone-mobile", "televerser", "tendance-baisse", "tendance-hausse", "terminal", "tirelire", "triangle-alerte", "triangle-bas", "triangle-haut", "trombone", "utilisateur", "utilisateur-crayon", "utilisateurs", "wifi", "wifi-barre"];
+export declare const NOMS_DICONE: readonly ["accessibilite", "alimentation", "appareil-photo", "appareils", "arborescence", "asterisque", "badge-coche", "balance", "banque", "batiment", "bifurcation", "billets", "billets-envoi", "billets-pile", "boite", "boite-de-reception", "bouclier", "bouclier-alerte", "bouclier-coche", "bouclier-coeur", "bouclier-croix", "bouclier-moitie", "bouclier-recherche", "bouclier-utilisateur", "boussole", "bouton-curseur", "bulle-question", "cadenas", "cadenas-horloge", "cadenas-ouvert", "cadre-pied", "cadre-texte", "calendrier", "calendrier-evenement", "calendrier-horloge", "calendrier-jour", "calques", "carte-bancaire", "carte-bancaire-barre", "carte-bancaire-cadenas", "carte-contact", "carte-identite", "cartes-empilees", "case-cochee", "casse", "cercle", "cercle-alerte", "cercle-chevron-bas", "cercle-coche", "cercle-coche-ouvert", "cercle-croix", "cercle-info", "cercle-moins", "cercle-plus", "cercle-question", "certificat", "chandelier", "chargement", "cheque", "chevron-bas", "chevron-droite", "chevron-gauche", "chevron-haut", "chevrons-droite", "chevrons-haut-bas", "cible", "cle", "cloche", "cloche-sonnerie", "coche", "code", "code-qr", "code-qr-scanner", "coffre-fort", "colonnes", "comparer", "connexion", "contraste", "copie", "corbeille", "corbeille-croix", "courriel", "crayon", "croix", "curseur-clic", "deconnexion", "devise", "disposition", "dollar", "dossier", "dossier-barre", "dossier-ouvert", "double-coche", "drapeau", "echange", "eclair", "empreinte-digitale", "enregistrer", "entree", "envoyer", "epaisseur-de-trait", "epingle", "essai", "etoile", "euro", "fichier", "fichier-image", "fichier-pdf", "fichier-texte", "filtre", "filtre-barre", "filtre-lignes", "fleche-bas", "fleche-bas-gauche", "fleche-bas-ligne", "fleche-droite", "fleche-gauche", "fleche-haut", "fleche-haut-droite", "fleche-haut-ligne", "fleche-large-haut", "fleches-gauche-droite", "flocon", "flou", "formes", "globe", "graphique-anneau", "graphique-barres", "graphique-barres-cadre", "graphique-camembert", "graphique-ligne", "graphique-lignes", "grille", "grille-lignes", "hexagone", "historique", "horloge", "horloge-fleche", "iban", "imprimer", "interdit", "jalons", "jauge", "lecture", "lien", "lien-externe", "lignes", "lignes-crayon", "liste", "liste-coche", "liste-controle", "liste-numerotee", "luminosite", "lune", "maillet", "maison", "marque-page", "menu", "menu-ouvert", "message", "minuteur", "mise-au-point", "mise-en-page-image", "moins", "nuage-barre", "nuage-televerser", "octogone-alerte", "oeil", "oeil-barre", "panneau-gauche", "parametres", "parapluie", "parchemin", "passerelle", "pause", "pieces", "plus", "pointeur", "points", "points-verticaux", "portefeuille", "portefeuille-cartes", "presse-papiers-coche", "presse-papiers-horloge", "priorite-haute", "rafraichir", "recherche", "recherche-barre", "recherche-texte", "rectangle-points", "recu", "redemarrer", "reglages", "regle", "reseau", "reseau-jauge", "robot", "rotation-arriere", "routeur", "sablier", "sablier-bas", "sablier-haut", "sac-argent", "sans-contact", "serveur", "soleil", "style-de-trait", "synchro", "synchro-probleme", "tableau", "tableau-de-bord", "tableau-de-bord-plus", "tablette", "tabulation", "telecharger", "telephone-mobile", "televerser", "tendance-baisse", "tendance-hausse", "terminal", "tirelire", "triangle-alerte", "triangle-bas", "triangle-haut", "trombone", "utilisateur", "utilisateur-crayon", "utilisateurs", "visage", "wifi", "wifi-barre"];
 export type NomDIconeCourant = (typeof NOMS_DICONE)[number];
 /**
  * Anciens noms d'un train : resolus par `st-icon` avec un avertissement en developpement, puis
@@ -947,7 +978,7 @@ export interface NomDIconeResolu {
 }
 export declare function resoudreLeNomDIcone(nom: NomDIcone): NomDIconeResolu;
 /** Noms qui ont un jumeau plein `<nom>-plein` dans le sprite (`variante="plein"`). */
-export declare const NOMS_DICONE_PLEINE: readonly ["badge-coche", "bouclier-coche", "cercle-alerte", "cercle-coche", "cercle-croix", "cercle-info", "cercle-question", "cloche", "epingle", "etoile", "grille", "horloge", "marque-page", "octogone-alerte", "triangle-alerte"];
+export declare const NOMS_DICONE_PLEINE: readonly ["badge-coche", "bouclier-coche", "cercle-alerte", "cercle-coche", "cercle-croix", "cercle-info", "cercle-question", "cloche", "epingle", "essai", "etoile", "grille", "horloge", "marque-page", "octogone-alerte", "triangle-alerte"];
 export type NomDIconePleine = (typeof NOMS_DICONE_PLEINE)[number];
 /**
  * Icones qui portent un sens HORIZONTAL : miroitees sous ecriture de droite a gauche. Viennent du
@@ -964,8 +995,11 @@ export declare const NOMS_DICONE_MARQUE: ReadonlySet<NomDIconeCourant>;
  * ⚠️ L'icone differe par sa FORME d'un ton a l'autre, jamais par sa seule couleur : un message porte
  * par la couleur est illisible pour une personne daltonienne, a l'impression et sous contraste force.
  * Chaque icone a un jumeau plein : a 16 px, un statut se lit mieux plein (02 §1.2).
+ *
+ * `essai` (P08-04), l'environnement fictif, n'est pas un ton semantique ; sa fiole est ici pour les
+ * composants qui le rendent (`st-banner`, `st-status-pill`).
  */
-export declare const ICONES_DE_TON: Readonly<Record<TonSemantique, NomDIconePleine>>;
+export declare const ICONES_DE_TON: Readonly<Record<TonSemantique | Extract<Ton, 'essai'>, NomDIconePleine>>;
 /** Reliee par l'hote (`ui` ignore `core`) ; au tronc, pour ne pas charger la recherche. */
 export declare const ST_RECHERCHE_D_ADRESSES: InjectionToken<RechercheDAdresses | null>;
 /**
@@ -1050,7 +1084,7 @@ export declare class StIcon {
   /** La valeur unique : prime sur `nom`, `variante`, `sprite` et `nomMetier`. */
   readonly icone: import("@angular/core").InputSignal<Icone | null>;
   /** Nom d'un symbole du sprite du socle. Un alias deprecie est resolu, avec un avertissement. */
-  readonly nom: import("@angular/core").InputSignal<"iban" | "code" | "copie" | "accessibilite" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "connexion" | "contraste" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "devise" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "etoile" | "euro" | "fichier" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu" | "menu-ouvert" | "message" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau-jauge" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "wifi" | "wifi-barre" | null>;
+  readonly nom: import("@angular/core").InputSignal<"iban" | "code" | "asterisque" | "copie" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "badge-coche" | "balance" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "comparer" | "connexion" | "contraste" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "devise" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "essai" | "etoile" | "euro" | "fichier" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lecture" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu" | "menu-ouvert" | "message" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "pause" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau" | "reseau-jauge" | "robot" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "visage" | "wifi" | "wifi-barre" | null>;
   /** `plein` : le jumeau FILL 1 du nom, s'il en a un (`NOMS_DICONE_PLEINE`). */
   readonly variante: import("@angular/core").InputSignal<VarianteDIcone>;
   /**
@@ -1778,9 +1812,12 @@ export type TailleDeSegment = 'sm' | 'md';
  * La piste de la planche 6 : `enfoncee` (`surfaceEnfoncee`, retrait de 2 px, coins de 4 : le corps
  * de la planche, et la langue compacte de l'en-tete) ; `conteneur` (`surfaceConteneurBas`, retrait
  * de 4 px, coins de 8 : le choix du theme, anatomie 6.1) ; `nue` : aucune piste, celle de l'hote qui
- * compose le segmente (`st-theme-toggle`, `st-lang-switch`, legende masquee) (lot 244, D151).
+ * compose le segmente (`st-theme-toggle`, `st-lang-switch`, legende masquee) (lot 244, D151) ;
+ * `texte` (0.11.1) : ni piste ni segment dessine, des choix en texte separes d'un filet vertical, le
+ * choix courant en graisse 600 a l'encre du texte, les autres en 500 a l'encre attenuee (graisse ET
+ * encre : jamais la teinte seule, WCAG 1.4.1) — l'en-tete d'une marque qui ecrit « FR | EN ».
  */
-export type FormeDePiste = 'enfoncee' | 'conteneur' | 'nue';
+export type FormeDePiste = 'enfoncee' | 'conteneur' | 'nue' | 'texte';
 /**
  * `phrase` : 12/16, pour un libelle en casse de phrase (D41) ; `capitales` : 11/14, pour des
  * libelles DEJA en capitales (codes de langue, periodes « 1M », « 1Y ») : rien n'est transforme.
@@ -1926,7 +1963,7 @@ export declare class StSegmentedControl {
 export type TailleDAvatar = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type FormeDAvatar = 'cercle' | 'carre';
 /** Le ton du disque : papier teinte du ton (`discrete`, defaut) ou aplat (`pleine`). */
-export type TonDAvatar = Exclude<Ton, 'discret' | 'inverse'>;
+export type TonDAvatar = Exclude<Ton, 'discret' | 'inverse' | 'essai'>;
 export type VarianteDAvatar = 'discrete' | 'pleine';
 /**
  * Representation d'une personne (planches 2, 6, 10 et 14 de Claude Design, lot 206).
@@ -2089,8 +2126,12 @@ export declare class StEmpty {
     };
   }, {}, never, ["*"], true, never>;
 }
-/** Le ton d'une erreur : danger pour un echec, avertissement pour ce qui se resout, neutre sinon. */
-export type TonDErreur = 'danger' | 'avertissement' | 'neutre';
+/**
+ * Le ton d'une erreur : `erreur` pour un echec, avertissement pour ce qui se resout, neutre sinon.
+ * `erreur` et non plus `danger` (P08-03) : un echec n'est ni une destruction ni une urgence, et
+ * prend la couleur que la marque donne a l'erreur (le rouge du danger par defaut).
+ */
+export type TonDErreur = 'erreur' | 'avertissement' | 'neutre';
 /** L'icone, le ton et la rejouabilite par defaut d'une variante. */
 export interface ProfilDErreur {
   readonly icone: Icone;
@@ -2395,6 +2436,12 @@ export declare class StOfflineBanner {
  */
 export type ReliefDeCarte = 'plat' | 'pose' | 'flottant' | 'creux';
 export type RembourrageDeCarte = 'aucun' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Ton d'une carte (0.11.1) : le papier discret du ton, son encre et un filet melange du ton ; pour une
+ * carte qui dit un etat ou un cadre (« Simulation : immediat ») sans etre un message. Sans ton, la
+ * surface. `danger` et `erreur` n'en sont pas : une carte ne signale pas une faute, un message le fait.
+ */
+export type TonDeCarte = 'information' | 'succes' | 'avertissement' | 'essai';
 /** Lien entre une carte et le lien etendu qu'elle porte (`a[stLienEtendu]`). */
 export interface InscriptionDeLienEtendu {
   /** Le lien prend ou perd le focus visible : la carte porte l'anneau. */
@@ -2444,6 +2491,8 @@ export declare class StCard {
   readonly rembourrage: import("@angular/core").InputSignal<RembourrageDeCarte>;
   /** Filet visible `bordure` (fiches, cockpit) ; sans lui, la carte n'a que son ombre. */
   readonly filet: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Le ton de la carte (0.11.1) : papier, encre et filet du ton ; `null` (defaut) : la surface. */
+  readonly ton: import("@angular/core").InputSignal<TonDeCarte | null>;
   private readonly liensEtendus;
   private readonly focalises;
   protected readonly interactive: import("@angular/core").Signal<boolean>;
@@ -2470,6 +2519,11 @@ export declare class StCard {
       "required": false;
       "isSignal": true;
     };
+    "ton": {
+      "alias": "ton";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["[entete]", "*", "[pied]"], true, never>;
 }
 /**
@@ -2718,6 +2772,13 @@ export declare class StBreadcrumb {
 }
 /** Identifiant par defaut du contenu principal, pose par `st-app-shell`. */
 export declare const IDENTIFIANT_DU_CONTENU_PRINCIPAL = "contenu-principal";
+/** Une cible du lien d'evitement : la seconde est l'action critique d'une application (P08-06). */
+export interface CibleDEvitement {
+  /** L'identifiant de l'element a atteindre : le bouton lui-meme, pour qu'Entree l'active. */
+  readonly cible: string;
+  /** Le texte du lien, deja traduit (« Aller a l'arret d'urgence »). */
+  readonly libelle: string;
+}
 /**
  * Lien d'evitement : aller au contenu sans traverser la navigation.
  *
@@ -2744,6 +2805,11 @@ export declare const IDENTIFIANT_DU_CONTENU_PRINCIPAL = "contenu-principal";
  * Rendu (planche 6, couche A) : masque au repos, une pilule de 44 px au focus, en haut au
  * debut de la ligne (a droite en RTL), primaire, rayon md, anneau force a deux voies. Aucune
  * icone et aucun raccourci annonce : le lien est le raccourci.
+ *
+ * **Seconde cible** (P08-06) : l'action critique d'une application (`secondeCible`, « Aller a
+ * l'arret d'urgence »), rendue apres « Aller au contenu », ou AVANT si l'application le demande
+ * (`secondeEnPremier`) : Tab puis Entree atteignent alors l'action depuis n'importe quelle page.
+ * Un lien par cible ; seul celui qui a le focus se montre, dans la pilule.
  */
 export declare class StSkipLink {
   private readonly document;
@@ -2752,9 +2818,12 @@ export declare class StSkipLink {
   readonly cible: import("@angular/core").InputSignal<string>;
   /** `null` : le texte vient du dictionnaire de l'application. */
   readonly libelle: import("@angular/core").InputSignal<string | null>;
-  protected readonly libelleLu: import("@angular/core").Signal<string>;
-  protected readonly ancre: import("@angular/core").Signal<string>;
-  protected aller(evenement: MouseEvent): void;
+  /** Une seconde cible (P08-06), fournie par l'application ; `null` : le contenu seul. */
+  readonly secondeCible: import("@angular/core").InputSignal<CibleDEvitement | null>;
+  /** Vrai : la seconde cible passe EN PREMIER, premier arret de tabulation du document. */
+  readonly secondeEnPremier: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly liens: import("@angular/core").Signal<readonly CibleDEvitement[]>;
+  protected aller(evenement: MouseEvent, identifiant: string): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<StSkipLink, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<StSkipLink, "st-skip-link", never, {
     "cible": {
@@ -2767,6 +2836,16 @@ export declare class StSkipLink {
       "required": false;
       "isSignal": true;
     };
+    "secondeCible": {
+      "alias": "secondeCible";
+      "required": false;
+      "isSignal": true;
+    };
+    "secondeEnPremier": {
+      "alias": "secondeEnPremier";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, never, true, never>;
 }
 /**
@@ -2779,8 +2858,19 @@ export declare const PROPRIETE_HAUTEUR_ENTETE = "--st-hauteur-entete";
  * s'y colle (`inset-block-start`), juste sous l'en-tete.
  */
 export declare const PROPRIETE_HAUTEUR_ENTETE_SEUL = "--st-coquille-hauteur-entete";
-/** `standard` : en-tete sur la surface ; `marque` : en-tete sur l'aplat de marque. */
-export type VarianteDeCoquille = 'standard' | 'marque';
+/**
+ * Propriete posee sur `<html>` sous `md`, quand l'action permanente flotte (P08-06) : la hauteur
+ * couverte du bas de la fenetre au haut de l'action, barre inferieure comprise. La feuille de
+ * `@starterlib/tokens` la lit dans `scroll-padding-block-end`.
+ */
+export declare const PROPRIETE_HAUTEUR_ACTION = "--st-hauteur-action";
+/**
+ * `standard` : en-tete sur la surface ; `marque` : en-tete sur l'aplat de marque ; `essai` (P08-04) :
+ * un environnement fictif (donnees d'exemple, bac a sable), marque sans qu'on puisse l'oublier.
+ */
+export type VarianteDeCoquille = 'standard' | 'marque' | 'essai';
+/** L'attribut que la variante `essai` pose sur `<html>`, et sa valeur. */
+export declare const ATTRIBUT_D_ENVIRONNEMENT = "data-environnement";
 /**
  * Coquille d'une application : lien d'evitement, en-tete, bannieres globales,
  * navigation, contenu principal, pied de page.
@@ -2834,6 +2924,28 @@ export type VarianteDeCoquille = 'standard' | 'marque';
  * `st-route-progress` est reconnu a son ELEMENT et pose dans l'en-tete, a son bord inferieur :
  * l'application ne le place pas.
  *
+ * L'emplacement `navigationBasse` (P08-05) recoit `st-bottom-nav` : la barre se fixe au bas de la
+ * fenetre sous `md` et publie sa hauteur (`--st-hauteur-pied`) ; la coquille la reserve sous son
+ * contenu, et le focus ne passe jamais dessous. Au-dessus de `md`, `st-sidenav` prend le relais.
+ *
+ * ⚠️ **L'emplacement `actionPermanente` (P08-06) ne se replie jamais** : l'action critique d'une
+ * application (l'arret d'urgence d'Aplomb), premier arret de tabulation apres le lien
+ * d'evitement, jamais dans un tiroir ni un menu. Au-dessus de `md`, au bout de l'en-tete ; en
+ * dessous, elle flotte au bout de la ligne, au-dessus de la barre inferieure (ou de la zone
+ * sure), et la coquille publie la hauteur qu'elle couvre (`--st-hauteur-action`) : la feuille des
+ * jetons garde le focus au-dessus d'elle (WCAG 2.4.11) et la coquille la reserve sous son contenu.
+ * `lienVersLAction` ajoute au lien d'evitement la cible de l'action (« Aller a l'arret
+ * d'urgence »), rendue en premier sous `lienVersLActionEnPremier`. Le raccourci clavier se
+ * declare sur l'action elle-meme (`stRaccourci`, `@starterlib/core`).
+ *
+ * ⚠️ **La variante `essai` ne se masque pas** (P08-04) : un liseret de la couleur `essai` sur le
+ * pourtour de la fenetre, fixe sous le bloc collant de l'en-tete (il reste visible au defilement, a
+ * 320 px et a 200 %, et ne capte aucun pointeur) ; une banniere `essai` en tete des bannieres, qu'on
+ * ne ferme pas (mot `titreDEssai`, phrase `messageDEssai`, « Donnees fictives » par defaut) ;
+ * `data-environnement="essai"` sur `<html>` ; une annonce POLIE, une seule, a l'entree et a la sortie
+ * de la variante. Aucune animation. Elle ne s'active que sur demande de l'application : un marqueur
+ * qui serait partout n'informerait plus.
+ *
  * Le contenu est borne a `--st-largeur-page` (90rem) et centre ; l'en-tete et la navigation
  * portent les `view-transition-name` `st-entete` et `st-navigation`.
  */
@@ -2843,16 +2955,46 @@ export declare class StAppShell {
    * `texteSurMarque`) ; en sombre, cette surface redevient neutre.
    */
   readonly variante: import("@angular/core").InputSignal<VarianteDeCoquille>;
+  /** Le mot de l'environnement d'essai, titre de sa banniere ; `null` : « Donnees fictives ». */
+  readonly titreDEssai: import("@angular/core").InputSignal<string | null>;
+  /** La phrase de la banniere d'essai ; `null` : celle du dictionnaire. */
+  readonly messageDEssai: import("@angular/core").InputSignal<string | null>;
+  /**
+   * La forme de la banniere d'essai (0.11.1) : `bandeau` (defaut, papier violet et marqueur) ou
+   * `aplat` (une ligne en capitales, le violet le plus profond en fond). Le liseret ne change pas.
+   */
+  readonly formeDEssai: import("@angular/core").InputSignal<"bandeau" | "aplat">;
+  /**
+   * La seconde cible du lien d'evitement (P08-06) : l'identifiant de l'action permanente et le
+   * texte du lien, deja traduit ; `null` : le contenu seul.
+   */
+  readonly lienVersLAction: import("@angular/core").InputSignal<CibleDEvitement | null>;
+  /** Vrai : le lien vers l'action passe avant « Aller au contenu », premier arret du document. */
+  readonly lienVersLActionEnPremier: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   private readonly document;
   private readonly hote;
   private readonly entete;
   private readonly bannieres;
+  private readonly action;
   private observateur;
+  private observateurDAction;
   private surveillant;
   /** Derniere hauteur de bordure connue de chaque element du bloc collant. */
   private readonly hauteurs;
   protected readonly identifiantDuContenu = "contenu-principal";
+  private readonly libelles;
+  protected readonly annonce: AnnonceLocale;
+  protected readonly enEssai: import("@angular/core").Signal<boolean>;
+  protected readonly titreDEssaiLu: import("@angular/core").Signal<string>;
+  protected readonly messageDEssaiLu: import("@angular/core").Signal<string>;
   constructor();
+  /**
+   * Sous `md`, l'action flotte (`position: fixed`) : sa boite va du bas de la fenetre au haut de
+   * l'action, barre et ecart compris, et sa hauteur est publiee sur `<html>`. Au-dessus, elle
+   * rentre dans l'en-tete et la propriete se retire. Passer la rupture change la taille de la
+   * boite : l'observateur rappelle, et la position calculee tranche.
+   */
+  private mesurerLActionFlottante;
   /**
    * Le bloc collant = l'en-tete PLUS les bannieres `data-collee` : c'est tout ce qui recouvre le
    * contenu que le navigateur fait defiler vers le haut. L'en-tete seul est aussi pose sur
@@ -2868,7 +3010,32 @@ export declare class StAppShell {
       "required": false;
       "isSignal": true;
     };
-  }, {}, never, ["[entete]", "st-route-progress", "[bannieres]", "[navigation]", "*", "[pied]"], true, never>;
+    "titreDEssai": {
+      "alias": "titreDEssai";
+      "required": false;
+      "isSignal": true;
+    };
+    "messageDEssai": {
+      "alias": "messageDEssai";
+      "required": false;
+      "isSignal": true;
+    };
+    "formeDEssai": {
+      "alias": "formeDEssai";
+      "required": false;
+      "isSignal": true;
+    };
+    "lienVersLAction": {
+      "alias": "lienVersLAction";
+      "required": false;
+      "isSignal": true;
+    };
+    "lienVersLActionEnPremier": {
+      "alias": "lienVersLActionEnPremier";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[actionPermanente]", "[entete]", "st-route-progress", "[bannieres]", "[navigation]", "*", "[pied]", "[navigationBasse]"], true, never>;
 }
 /**
  * Contenu de l'en-tete : bouton de navigation, marque, puis actions.
@@ -2916,10 +3083,27 @@ export declare class StAppShell {
  *   <button stIconButton icone="cloche" etiquette="Notifications"></button>
  * </st-header>
  * ```
+ *
+ * **Menu horizontal** (0.11.1) : l'emplacement `menu` recoit la navigation principale DANS
+ * l'en-tete, entre la marque et les actions, a la place de la colonne laterale : un `<nav>` de
+ * l'application (son etiquette, sa liste) et des liens `stNavLink` de forme `barre`. La marque ne
+ * s'etire plus, le menu la suit et prend la place. Il n'existe que des `md` : dessous, la barre
+ * inferieure (`st-bottom-nav`) porte la navigation, sans tiroir ni bascule.
+ *
+ * ```html
+ * <st-header>
+ *   <a marque routerLink="/">…</a>
+ *   <nav menu aria-label="Navigation principale">
+ *     <a stNavLink="/" forme="barre">Accueil</a>
+ *     <a stNavLink="/comptes" forme="barre">Comptes</a>
+ *   </nav>
+ *   <st-lang-switch … />
+ * </st-header>
+ * ```
  */
 export declare class StHeader {
   static ɵfac: i0.ɵɵFactoryDeclaration<StHeader, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<StHeader, "st-header", never, {}, {}, never, ["[bascule]", "[marque]", "*"], true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StHeader, "st-header", never, {}, {}, never, ["[bascule]", "[marque]", "[menu]", "*"], true, never>;
 }
 /**
  * Contenu du pied de page : mentions, version, statut.
@@ -2969,6 +3153,8 @@ export declare class StFooter {
     };
   }, {}, never, ["[mentions]", "[version]", "st-status-pill"], true, never>;
 }
+/** La forme d'un lien de navigation : dans une colonne (`st-sidenav`), ou dans une barre (`st-header`). */
+export type FormeDeLienDeNavigation = 'colonne' | 'barre';
 /**
  * Lien de navigation principale, pose en attribut sur un `<a>` natif :
  * `routerLink`, etat courant, icone et pastille, en un seul geste.
@@ -3022,8 +3208,15 @@ export declare class StFooter {
  * l'icone devant, la pastille derriere, le libelle entre les deux. Un lien qu'on
  * ne peut pas suivre ne se rend pas (`@if` cote application) : jamais
  * `aria-disabled` sur un lien de navigation.
+ *
+ * **Forme `barre`** (0.11.1) : un lien du menu horizontal de l'en-tete (emplacement
+ * `menu` de `st-header`), sans colonne d'icone reservee, a l'encre discrete au repos ;
+ * le lien courant passe a l'encre du texte, en graisse 600, et son marqueur se pose
+ * SOUS le libelle. La forme `colonne` (defaut) est celle de `st-sidenav`.
  */
 export declare class StNavLink implements OnInit {
+  /** `colonne` (defaut) : dans `st-sidenav` ; `barre` : dans le menu horizontal de `st-header`. */
+  readonly forme: import("@angular/core").InputSignal<FormeDeLienDeNavigation>;
   private readonly lien;
   private readonly actif;
   private readonly routeur;
@@ -3032,7 +3225,13 @@ export declare class StNavLink implements OnInit {
   constructor();
   ngOnInit(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<StNavLink, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<StNavLink, "a[stNavLink]", never, {}, {}, never, ["st-icon:not([fin])", "*", "st-badge, st-icon[fin]"], true, [{
+  static ɵcmp: i0.ɵɵComponentDeclaration<StNavLink, "a[stNavLink]", never, {
+    "forme": {
+      "alias": "forme";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["st-icon:not([fin])", "*", "st-badge, st-icon[fin]"], true, [{
     directive: typeof i1.RouterLink;
     inputs: {
       "routerLink": "stNavLink";
@@ -3258,18 +3457,52 @@ export declare class StRouteProgress {
  * L'emplacement `banniere`, en tete du `main`, recoit le MOTIF d'arrivee :
  * session expiree, fermee ailleurs, mot de passe reinitialise. Un `st-banner`
  * neutre y suffit ; jamais un message ephemere, qui serait manque.
+ *
+ * Deux emplacements de plus (0.11.1, P09-07 d'Aplomb) : `sousLaCarte`, dans le
+ * `main` sous la carte, pour ce qui l'accompagne sans en faire partie (un
+ * encadre d'information) ; `mention`, dans le pied au-dessus des liens, pour
+ * une phrase courte (mise en garde, mention legale). Vides, ils n'existent pas.
+ *
+ * `bandeaux` (0.11.1, P09-07 d'Aplomb) : l'en-tete et le pied en bandeaux
+ * pleine largeur, sur la surface, chacun separe de la page par un filet, la
+ * page unie, sans le degrade interne, et la carte dessinee a toute largeur,
+ * telephone compris : la page de connexion d'un site dont la marque tient
+ * l'en-tete. Sans `bandeaux`, le rendu est celui de la planche 8.
+ *
+ * En bandeaux, la carte est celle d'un site : filet visible, ombre de repos,
+ * 24 px de marge interieure puis 32 des `md`. Son rayon, comme celui de
+ * `st-card`, suit `--st-carte-rayon` (12 px par defaut).
+ *
+ * Et un emplacement, `avantLaCarte` (0.11.1) : une rangee au-dessus de la
+ * carte, dans le `main` (le retour a l'etape precedente d'un parcours). Vide,
+ * elle n'existe pas.
  */
 export declare class StAuthShell {
   private readonly libelles;
+  /** En-tete et pied en bandeaux pleine largeur, page unie (voir plus haut). */
+  readonly bandeaux: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   protected readonly identifiantDuContenu = "contenu-principal";
   protected readonly liensDuPied: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<StAuthShell, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<StAuthShell, "st-auth-shell", never, {}, {}, never, ["[entete]", "[banniere]", "*", "[pied]", "[version]"], true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StAuthShell, "st-auth-shell", never, {
+    "bandeaux": {
+      "alias": "bandeaux";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[entete]", "[avantLaCarte]", "[banniere]", "*", "[sousLaCarte]", "[mention]", "[pied]", "[version]"], true, never>;
 }
-/** Les tons semantiques, sauf `primaire` : une banniere informe, elle ne marque pas. */
-export type TonDeBanniere = Exclude<TonSemantique, 'primaire'>;
-/** `bloc` : en page, au-dessus du contenu concerne. `bandeau` : sous l'en-tete de la coquille. */
-export type FormeDeBanniere = 'bloc' | 'bandeau';
+/**
+ * Les tons semantiques, sauf `primaire` : une banniere informe, elle ne marque pas. Plus `essai`
+ * (P08-04), l'environnement fictif : une banniere qu'on ne ferme pas.
+ */
+export type TonDeBanniere = Exclude<TonSemantique, 'primaire'> | Extract<Ton, 'essai'>;
+/**
+ * `bloc` : en page, au-dessus du contenu concerne. `bandeau` : sous l'en-tete de la coquille.
+ * `aplat` (0.11.1) : sous l'en-tete aussi, la paire discrete du ton INVERSEE (son encre en fond, son
+ * papier en texte), une seule ligne en capitales espacees ou le titre et le message se suivent.
+ */
+export type FormeDeBanniere = 'bloc' | 'bandeau' | 'aplat';
 /**
  * Message de page, persistant jusqu'a ce qu'on le ferme.
  *
@@ -3281,9 +3514,12 @@ export type FormeDeBanniere = 'bloc' | 'bandeau';
  * une banniere presente des l'affichage est lue avec la page, une fois, puis
  * son apparition ulterieure est annoncee. Le meme mecanisme sert les deux cas.
  *
- * ⚠️ Le ton `danger` passe en `alert` (assertif) : une operation qui vient
- * d'echouer doit interrompre. Les autres restent en `status`, sinon une
+ * ⚠️ Les tons `erreur` et `danger` passent en `alert` (assertif) : une operation
+ * qui vient d'echouer doit interrompre. Les autres restent en `status`, sinon une
  * confirmation couperait la lecture en cours et ferait perdre sa place.
+ * `erreur` dit une faute ou un echec, `danger` une destruction ou une urgence
+ * (P08-03) ; l'erreur prend la couleur du danger tant que la marque ne pose pas la
+ * sienne.
  *
  * ⚠️ Comme `st-spinner` et `st-error`, elle se tait dans une region vivante
  * existante : sans cela, le lecteur annonce deux fois le meme message. Elle est
@@ -3294,13 +3530,19 @@ export type FormeDeBanniere = 'bloc' | 'bandeau';
  * ⚠️ **Le ton se dit en mots.** Un prefixe masque (« Avertissement : ») ouvre le
  * titre, ou le message sans titre : il est lu par la region et au parcours, la
  * couleur et la forme de l'icone ne le disent qu'a qui les voit. Le titre nomme
- * la region (`aria-labelledby`).
+ * la region (`aria-labelledby`). Le reglage `--st-prefixe-de-ton: visible` de
+ * l'application l'affiche (P08-03).
  *
  * ```html
  * <st-banner ton="avertissement" titre="Session bientot expiree" fermable (ferme)="retirer()"
  *            message="Enregistrez votre saisie." />
  * ```
  *
+ * ⚠️ **Le ton `essai` ne se ferme pas** (P08-04) : il dit qu'un environnement est fictif
+ * (« Donnees fictives », « Bac a sable ») tant qu'il l'est. `fermable` y est IGNORE, sans croix ni
+ * touche ; son mot est le TITRE (exige : sans lui, la couleur et la fiole seules le diraient), et
+ * aucun prefixe ne le repete. `st-app-shell variante="essai"` en pose une en tete de ses bannieres.
+ *
  * Retrait : l'appelant retire l'element apres `ferme`, par
  * `(animate.leave)="fonduDeSortie($event)"`. Aucune animation d'insertion : une
  * banniere generique apparait d'un coup (decision du proprietaire, lot 196).
@@ -3314,19 +3556,24 @@ export declare class StBanner {
   readonly message: import("@angular/core").InputSignal<string>;
   /** Titre court au-dessus du message (1 a 6 mots, sans point). Il nomme la region. */
   readonly titre: import("@angular/core").InputSignal<string | null>;
-  /** Forme : `bloc` (defaut, coins de 8 px) ou `bandeau` (sous l'en-tete, sans coins). */
+  /** Forme : `bloc` (defaut, coins de 8 px), `bandeau` (sous l'en-tete, sans coins) ou `aplat`. */
   readonly forme: import("@angular/core").InputSignal<FormeDeBanniere>;
   /** Identifiant du titre ; engendre si absent. */
   readonly identifiant: import("@angular/core").InputSignal<string | null>;
+  /** Ignore sous le ton `essai`, qui ne se ferme jamais. */
   readonly fermable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** `null` : le texte vient du dictionnaire de l'application. */
   readonly libelleFermeture: import("@angular/core").InputSignal<string | null>;
   readonly ferme: import("@angular/core").OutputEmitterRef<void>;
-  protected readonly icone: import("@angular/core").Signal<"badge-coche" | "bouclier-coche" | "cercle-alerte" | "cercle-coche" | "cercle-croix" | "cercle-info" | "cercle-question" | "cloche" | "epingle" | "etoile" | "grille" | "horloge" | "marque-page" | "octogone-alerte" | "triangle-alerte">;
+  protected readonly icone: import("@angular/core").Signal<"badge-coche" | "bouclier-coche" | "cercle-alerte" | "cercle-coche" | "cercle-croix" | "cercle-info" | "cercle-question" | "cloche" | "epingle" | "essai" | "etoile" | "grille" | "horloge" | "marque-page" | "octogone-alerte" | "triangle-alerte">;
   protected readonly idDuTitre: import("@angular/core").Signal<string>;
+  /** L'essai dit son mot par le titre : aucun prefixe ne le repete. */
   protected readonly prefixe: import("@angular/core").Signal<string | null>;
+  /** `fermable`, sauf sous le ton `essai` : un environnement fictif ne se ferme pas. */
+  protected readonly fermableLu: import("@angular/core").Signal<boolean>;
   protected readonly libelleFermetureLu: import("@angular/core").Signal<string>;
   protected readonly roleLu: import("@angular/core").Signal<"status" | "alert" | null>;
+  constructor();
   /**
    * ⚠️ Le focus est DEPLACE avant l'emission, vers le premier element focalisable
    * VISIBLE qui suit (sinon le dernier qui precede, sinon le conteneur), sans
@@ -3388,7 +3635,7 @@ export type TonDeMessage = Exclude<TonSemantique, 'primaire'>;
  * qui compte. Un message en ligne est lu quand on atteint l'endroit auquel il se
  * rattache ; en faire une region vivante le ferait annoncer hors contexte, et une
  * vingtaine de champs produiraient vingt annonces a l'ouverture de l'ecran.
- * `annonce` en fait une region (`status`, `alert` en danger) pour un message
+ * `annonce` en fait une region (`status`, `alert` en erreur ou en danger) pour un message
  * apparu APRES coup hors d'un formulaire (copie refusee, verification finie).
  * ⚠️ Une region inseree deja remplie n'est pas annoncee de facon fiable (NVDA,
  * JAWS) : avec `annonce`, la region est posee VIDE, et son contenu y entre apres
@@ -3396,7 +3643,12 @@ export type TonDeMessage = Exclude<TonSemantique, 'primaire'>;
  *
  * ⚠️ **Le ton se dit en mots** : un prefixe masque (« Erreur : ») ouvre le texte,
  * lu au parcours et par `aria-describedby`. Le texte ne repete donc jamais le
- * mot « Erreur ».
+ * mot « Erreur ». Le reglage `--st-prefixe-de-ton: visible` de l'application
+ * l'affiche (P08-03) : une faute se lit alors au mot, sans la couleur.
+ *
+ * Ton `erreur` pour une faute ou un echec (champ invalide, refus) ; `danger` pour
+ * une destruction ou une urgence. L'erreur prend la couleur du danger tant que la
+ * marque ne pose pas la sienne.
  *
  * ⚠️ Pour une erreur de SAISIE, le champ doit porter `aria-describedby` vers
  * l'identifiant du message : `st-form-field` pose ce lien ; un champ nu le pose
@@ -3565,6 +3817,11 @@ export declare class StLangSwitch {
   readonly legendeVisible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   /** Codes visibles (« FR », « EN ») ; le nom de chaque segment est le code, puis l'endonyme. */
   readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * `piste` (defaut) : la piste segmentee de la planche 6. `texte` (0.11.1) : « FR | EN » en texte,
+   * sans piste, le choix courant en graisse et a l'encre du texte (forme `texte` du segmente).
+   */
+  readonly variante: import("@angular/core").InputSignal<"texte" | "piste">;
   readonly choisie: import("@angular/core").OutputEmitterRef<Langue>;
   private readonly injecteur;
   /** La langue que montre le segmente : celle de l'appelant, et le clic tant qu'il n'a pas suivi. */
@@ -3594,6 +3851,11 @@ export declare class StLangSwitch {
       "required": false;
       "isSignal": true;
     };
+    "variante": {
+      "alias": "variante";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "choisie": "choisie";
   }, never, never, true, never>;
@@ -3668,7 +3930,7 @@ export declare class StCopyButton {
    */
   protected readonly copieConfirmee: import("@angular/core").WritableSignal<boolean>;
   private minuterieDeConfirmation;
-  protected readonly icone: import("@angular/core").Signal<"iban" | "code" | "copie" | "accessibilite" | "appareils" | "arborescence" | "asterisque" | "badge-coche" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "connexion" | "contraste" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "devise" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "etoile" | "euro" | "fichier" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu" | "menu-ouvert" | "message" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau-jauge" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "wifi" | "wifi-barre">;
+  protected readonly icone: import("@angular/core").Signal<"iban" | "code" | "asterisque" | "copie" | "accessibilite" | "alimentation" | "appareil-photo" | "appareils" | "arborescence" | "badge-coche" | "balance" | "banque" | "batiment" | "bifurcation" | "billets" | "billets-envoi" | "billets-pile" | "boite" | "boite-de-reception" | "bouclier" | "bouclier-alerte" | "bouclier-coche" | "bouclier-coeur" | "bouclier-croix" | "bouclier-moitie" | "bouclier-recherche" | "bouclier-utilisateur" | "boussole" | "bouton-curseur" | "bulle-question" | "cadenas" | "cadenas-horloge" | "cadenas-ouvert" | "cadre-pied" | "cadre-texte" | "calendrier" | "calendrier-evenement" | "calendrier-horloge" | "calendrier-jour" | "calques" | "carte-bancaire" | "carte-bancaire-barre" | "carte-bancaire-cadenas" | "carte-contact" | "carte-identite" | "cartes-empilees" | "case-cochee" | "casse" | "cercle" | "cercle-alerte" | "cercle-chevron-bas" | "cercle-coche" | "cercle-coche-ouvert" | "cercle-croix" | "cercle-info" | "cercle-moins" | "cercle-plus" | "cercle-question" | "certificat" | "chandelier" | "chargement" | "cheque" | "chevron-bas" | "chevron-droite" | "chevron-gauche" | "chevron-haut" | "chevrons-droite" | "chevrons-haut-bas" | "cible" | "cle" | "cloche" | "cloche-sonnerie" | "coche" | "code-qr" | "code-qr-scanner" | "coffre-fort" | "colonnes" | "comparer" | "connexion" | "contraste" | "corbeille" | "corbeille-croix" | "courriel" | "crayon" | "croix" | "curseur-clic" | "deconnexion" | "devise" | "disposition" | "dollar" | "dossier" | "dossier-barre" | "dossier-ouvert" | "double-coche" | "drapeau" | "echange" | "eclair" | "empreinte-digitale" | "enregistrer" | "entree" | "envoyer" | "epaisseur-de-trait" | "epingle" | "essai" | "etoile" | "euro" | "fichier" | "fichier-image" | "fichier-pdf" | "fichier-texte" | "filtre" | "filtre-barre" | "filtre-lignes" | "fleche-bas" | "fleche-bas-gauche" | "fleche-bas-ligne" | "fleche-droite" | "fleche-gauche" | "fleche-haut" | "fleche-haut-droite" | "fleche-haut-ligne" | "fleche-large-haut" | "fleches-gauche-droite" | "flocon" | "flou" | "formes" | "globe" | "graphique-anneau" | "graphique-barres" | "graphique-barres-cadre" | "graphique-camembert" | "graphique-ligne" | "graphique-lignes" | "grille" | "grille-lignes" | "hexagone" | "historique" | "horloge" | "horloge-fleche" | "imprimer" | "interdit" | "jalons" | "jauge" | "lecture" | "lien" | "lien-externe" | "lignes" | "lignes-crayon" | "liste" | "liste-coche" | "liste-controle" | "liste-numerotee" | "luminosite" | "lune" | "maillet" | "maison" | "marque-page" | "menu" | "menu-ouvert" | "message" | "minuteur" | "mise-au-point" | "mise-en-page-image" | "moins" | "nuage-barre" | "nuage-televerser" | "octogone-alerte" | "oeil" | "oeil-barre" | "panneau-gauche" | "parametres" | "parapluie" | "parchemin" | "passerelle" | "pause" | "pieces" | "plus" | "pointeur" | "points" | "points-verticaux" | "portefeuille" | "portefeuille-cartes" | "presse-papiers-coche" | "presse-papiers-horloge" | "priorite-haute" | "rafraichir" | "recherche" | "recherche-barre" | "recherche-texte" | "rectangle-points" | "recu" | "redemarrer" | "reglages" | "regle" | "reseau" | "reseau-jauge" | "robot" | "rotation-arriere" | "routeur" | "sablier" | "sablier-bas" | "sablier-haut" | "sac-argent" | "sans-contact" | "serveur" | "soleil" | "style-de-trait" | "synchro" | "synchro-probleme" | "tableau" | "tableau-de-bord" | "tableau-de-bord-plus" | "tablette" | "tabulation" | "telecharger" | "telephone-mobile" | "televerser" | "tendance-baisse" | "tendance-hausse" | "terminal" | "tirelire" | "triangle-alerte" | "triangle-bas" | "triangle-haut" | "trombone" | "utilisateur" | "utilisateur-crayon" | "utilisateurs" | "visage" | "wifi" | "wifi-barre">;
   /** La copie a ete refusee : le message VISIBLE reste jusqu'a la tentative suivante. */
   protected readonly copieRefusee: import("@angular/core").WritableSignal<boolean>;
   protected readonly messageDeRefus: import("@angular/core").Signal<string>;