@starterlib/tokens 0.10.13 → 0.11.0

package/fesm2022/starterlib-tokens-moteur.mjs

@@ -177,6 +177,11 @@ const FAMILLES = {
 		teinte: 25,
 		chromaMax: .19,
 		vocation: "danger, erreur, action destructrice"
+	},
+	violet: {
+		teinte: 294,
+		chromaMax: .11,
+		vocation: "essai : environnement fictif, bac a sable (jamais un statut ni une action)"
 	}
 };
 const NEUTRES = {
@@ -308,6 +313,7 @@ const definitionsDesPrimitives = {
 	vert: rampe("vert"),
 	ambre: rampe("ambre"),
 	rouge: rampe("rouge"),
+	violet: rampe("violet"),
 	serie: engendrer(RANGS_DE_SERIE, (rang) => SERIE[rang])
 };
 function enHex$1(rampeDefinie) {
@@ -321,6 +327,7 @@ const primitives = {
 	vert: enHex$1(definitionsDesPrimitives.vert),
 	ambre: enHex$1(definitionsDesPrimitives.ambre),
 	rouge: enHex$1(definitionsDesPrimitives.rouge),
+	violet: enHex$1(definitionsDesPrimitives.violet),
 	serie: enHex$1(definitionsDesPrimitives.serie)
 };
 const espacement = {
@@ -489,7 +496,8 @@ const hauteurDeCommande = {
 	md: "2.25rem",
 	lg: "2.5rem",
 	xl: "2.75rem",
-	"2xl": "3.25rem"
+	"2xl": "3.25rem",
+	embarquee: "3rem"
 };
 const MODES_DE_DENSITE = [
 	"confortable",
@@ -677,7 +685,13 @@ const SOMBRE_CALCULE = {
 	surfaceSurvolElevee: "#383f49",
 	surfaceActive: "#424851"
 };
-const { neutre, bleu, azur, or, vert, ambre, rouge } = primitives;
+const { neutre, bleu, azur, or, vert, ambre, rouge, violet, serie } = primitives;
+function serieSombre(rang) {
+	return oklchVersHex({
+		...definitionsDesPrimitives.serie[rang].oklch,
+		l: .72
+	});
+}
 const themeClair = {
 	fond: RENDU.fond,
 	surface: neutre[0],
@@ -739,6 +753,18 @@ const themeClair = {
 	dangerDiscret: rouge[50],
 	surDangerDiscret: rouge[900],
 	dangerDiscretCourant: rouge[100],
+	erreur: rouge[600],
+	surErreur: neutre[0],
+	erreurDiscret: rouge[50],
+	surErreurDiscret: rouge[900],
+	essai: violet[600],
+	surEssai: neutre[0],
+	essaiDiscret: violet[50],
+	surEssaiDiscret: violet[900],
+	serie1: serie[1],
+	serie2: serie[2],
+	serie3: serie[3],
+	serie4: serie[4],
 	positif: RENDU.positif,
 	negatif: RENDU.texte
 };
@@ -803,6 +829,18 @@ const themeSombre = {
 	dangerDiscret: rouge[900],
 	surDangerDiscret: rouge[100],
 	dangerDiscretCourant: rouge[950],
+	erreur: rouge[300],
+	surErreur: neutre[950],
+	erreurDiscret: rouge[900],
+	surErreurDiscret: rouge[100],
+	essai: violet[300],
+	surEssai: neutre[950],
+	essaiDiscret: violet[900],
+	surEssaiDiscret: violet[100],
+	serie1: serieSombre(1),
+	serie2: serieSombre(2),
+	serie3: serieSombre(3),
+	serie4: serieSombre(4),
 	positif: vert[300],
 	negatif: neutre[100]
 };
@@ -810,6 +848,12 @@ const themes = {
 	clair: themeClair,
 	sombre: themeSombre
 };
+const aliasDeRole = {
+	erreur: "danger",
+	surErreur: "surDanger",
+	erreurDiscret: "dangerDiscret",
+	surErreurDiscret: "surDangerDiscret"
+};
 function surChacune(premierPlan, arrierePlans, nature = "courant") {
 	return arrierePlans.map((arrierePlan) => ({
 		premierPlan,
@@ -981,6 +1025,48 @@ const pairesDeContraste = [
 		"dangerDiscret",
 		"dangerDiscretCourant"
 	]),
+	{
+		premierPlan: "surErreur",
+		arrierePlan: "erreur",
+		nature: "courant"
+	},
+	{
+		premierPlan: "surErreurDiscret",
+		arrierePlan: "erreurDiscret",
+		nature: "courant"
+	},
+	...surChacune("erreur", [...SURFACES_DE_STATUT, "erreurDiscret"]),
+	{
+		premierPlan: "surEssai",
+		arrierePlan: "essai",
+		nature: "courant"
+	},
+	{
+		premierPlan: "surEssaiDiscret",
+		arrierePlan: "essaiDiscret",
+		nature: "courant"
+	},
+	...surChacune("essai", [...SURFACES_DE_STATUT, "essaiDiscret"]),
+	...surChacune("serie1", [
+		"fond",
+		"surface",
+		"surfaceElevee"
+	], "composant"),
+	...surChacune("serie2", [
+		"fond",
+		"surface",
+		"surfaceElevee"
+	], "composant"),
+	...surChacune("serie3", [
+		"fond",
+		"surface",
+		"surfaceElevee"
+	], "composant"),
+	...surChacune("serie4", [
+		"fond",
+		"surface",
+		"surfaceElevee"
+	], "composant"),
 	...surChacune("positif", [
 		"surface",
 		"fond",
@@ -1080,7 +1166,8 @@ const surfacesDuFocus = [
 	"accent",
 	"succes",
 	"information",
-	"avertissement"
+	"avertissement",
+	"essaiDiscret"
 ];
 const COUCHES = [
 	"repos",
@@ -1226,30 +1313,35 @@ const stylesTypographiques = {
 		interligne: "md",
 		graisse: "semi",
 		interlettrage: "approche",
+		famille: "titre",
 		usage: "intertitre, titre de dialogue et de carte (18/24)"
 	},
 	"titre-3": {
 		taille: "xl",
 		graisse: "semi",
 		interlettrage: "approche",
+		famille: "titre",
 		usage: "titre de section"
 	},
 	"titre-2": {
 		taille: "2xl",
 		graisse: "semi",
 		interlettrage: "approche",
+		famille: "titre",
 		usage: "titre de bloc majeur"
 	},
 	"titre-1": {
 		taille: "3xl",
 		graisse: "semi",
 		interlettrage: "approche",
+		famille: "titre",
 		usage: "titre de page (h1 de 32 px, D18)"
 	},
 	affichage: {
 		taille: "4xl",
 		graisse: "semi",
 		interlettrage: "approche",
+		famille: "titre",
 		usage: "annonce, titre d ecran de marque"
 	},
 	"affichage-grand": {
@@ -1310,6 +1402,7 @@ function declarationsDuStyle(nom) {
 	const style = stylesTypographiques[nom];
 	return [
 		...style.famille === "mono" ? ["font-family: var(--st-police-mono);"] : [],
+		...style.famille === "titre" ? ["font-family: var(--st-police-titre, var(--st-police-base));"] : [],
 		`font-size: var(--st-taille-${style.taille});`,
 		`line-height: var(--st-interligne-${style.interligne ?? style.taille});`,
 		`font-weight: var(--st-graisse-${style.graisse});`,
@@ -1342,6 +1435,27 @@ ${branches.join("")}  } @else {
 }
 const LATIN = "U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD";
 const LATIN_ETENDU = "U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF";
+const ARIAL = {
+	unitesParEm: 2048,
+	ascendante: 1854,
+	descendante: 434,
+	interligneAjoute: 67,
+	chasseMoyenne: 904
+};
+const COURIER_NEW = {
+	unitesParEm: 2048,
+	ascendante: 1705,
+	descendante: 615,
+	interligneAjoute: 0,
+	chasseMoyenne: 1229
+};
+const TIMES_NEW_ROMAN = {
+	unitesParEm: 2048,
+	ascendante: 1825,
+	descendante: 443,
+	interligneAjoute: 87,
+	chasseMoyenne: 832
+};
 const policesDuSocle = [{
 	famille: "Inter Variable",
 	graisses: "100 900",
@@ -1390,13 +1504,7 @@ const policesDuSocle = [{
 			"Liberation Sans",
 			"Arimo"
 		],
-		metriques: {
-			unitesParEm: 2048,
-			ascendante: 1854,
-			descendante: 434,
-			interligneAjoute: 67,
-			chasseMoyenne: 904
-		}
+		metriques: ARIAL
 	}
 }, {
 	famille: "JetBrains Mono Variable",
@@ -1426,15 +1534,42 @@ const policesDuSocle = [{
 			"Liberation Mono",
 			"Cousine"
 		],
-		metriques: {
-			unitesParEm: 2048,
-			ascendante: 1705,
-			descendante: 615,
-			interligneAjoute: 0,
-			chasseMoyenne: 1229
-		}
+		metriques: COURIER_NEW
 	}
 }];
+const policesDeTitre = [{
+	famille: "Source Serif 4 Variable",
+	graisses: "200 900",
+	paquet: "@fontsource-variable/source-serif-4",
+	licenceLivree: "LICENSE-source-serif.txt",
+	fichiers: [{
+		fichier: "source-serif-4-latin-ext-wght-normal.woff2",
+		unicodeRange: LATIN_ETENDU,
+		aPrecharger: false
+	}, {
+		fichier: "source-serif-4-latin-wght-normal.woff2",
+		unicodeRange: LATIN,
+		aPrecharger: false
+	}],
+	metriques: {
+		unitesParEm: 1e3,
+		ascendante: 1036,
+		descendante: 335,
+		interligneAjoute: 0,
+		chasseMoyenne: 475.57
+	},
+	repli: {
+		famille: "Source Serif 4 Repli",
+		locales: [
+			"Times New Roman",
+			"TimesNewRomanPSMT",
+			"Liberation Serif",
+			"Tinos"
+		],
+		metriques: TIMES_NEW_ROMAN
+	}
+}];
+const pileDeTitre = "'Source Serif 4 Variable', 'Source Serif 4 Repli', Georgia, serif";
 function pourcent(valeur) {
 	return `${(Math.round(valeur * 1e4) / 100).toFixed(2)}%`;
 }
@@ -1452,8 +1587,8 @@ function surchargesDuRepli(police) {
 function fichiersAPrecharger() {
 	return policesDuSocle.flatMap((p) => p.fichiers.filter((f) => f.aPrecharger).map((f) => f.fichier));
 }
-function feuilleDesPolices() {
-	const blocs = policesDuSocle.flatMap((police) => {
+function facesDesPolices(polices) {
+	return polices.flatMap((police) => {
 		const faces = police.fichiers.map((f) => `@font-face {
   font-family: '${police.famille}';
   font-style: normal;
@@ -1473,6 +1608,9 @@ function feuilleDesPolices() {
 }`;
 		return [...faces, repli];
 	});
+}
+function feuilleDesPolices() {
+	const blocs = facesDesPolices(policesDuSocle);
 	return `/* Engendre par @starterlib/tokens \u2014 ne pas modifier a la main.
    Regenerer : pnpm tokens:css
 
@@ -1485,6 +1623,23 @@ ${fichiersAPrecharger().map((f) => `     <link rel="preload" href="\u2026/police
 ${blocs.join("\n\n")}
 `;
 }
+function feuilleDesPolicesDeTitre() {
+	return `/* Engendre par @starterlib/tokens \u2014 ne pas modifier a la main.
+   Regenerer : pnpm tokens:css
+
+   Police de TITRE, OPTIONNELLE (Source Serif 4, SIL OFL 1.1, voir polices/LICENSE-source-serif.txt) :
+   a charger EN PLUS de polices.css par l'application qui veut ses titres en serif. Sans elle, les
+   styles titre-* et affichage gardent la police de base, et aucun octet de plus ne part. Ne pas la
+   precharger sur un ecran anonyme sous seuil (ADR 0031) : font-display: optional et le repli metrise
+   excluent tout decalage a son arrivee. Recette : docs/recettes/police.md. */
+
+${facesDesPolices(policesDeTitre).join("\n\n")}
+
+:root {
+  --st-police-titre: ${pileDeTitre};
+}
+`;
+}
 const jetonsDeComposant = [
 	{
 		nom: "--st-commande-hauteur",
@@ -1508,7 +1663,8 @@ const jetonsDeComposant = [
 			"st-password-field",
 			"st-tag-input",
 			"st-file-upload",
-			"st-pagination"
+			"st-pagination",
+			"st-bottom-nav"
 		]
 	},
 	{
@@ -1613,6 +1769,8 @@ const jetonsDeComposant = [
 ];
 const contratsDHote = [
 	"--st-hauteur-entete",
+	"--st-hauteur-pied",
+	"--st-hauteur-action",
 	"--st-coquille-hauteur-entete",
 	"--st-form-actions-hauteur",
 	"--st-choix-interligne",
@@ -1635,7 +1793,25 @@ const variablesInternes = [
 	"--st-tableau-plan-figee",
 	"--st-tableau-plan-entete",
 	"--st-tableau-plan-coin",
-	"--st-skeleton-derniere"
+	"--st-skeleton-derniere",
+	"--st-virtual-list-hauteur",
+	"--st-avatar-group-taille",
+	"--st-carte-espace",
+	"--st-carte-ombre-survol",
+	"--st-carte-trace-survol",
+	"--st-deadline-encre",
+	"--st-deadline-fond",
+	"--st-dialogue-sens",
+	"--st-form-row-colonnes",
+	"--st-meter-encre",
+	"--st-repartition-hauteur",
+	"--st-skeleton-pas",
+	"--st-tableau-decalage-figee",
+	"--st-tableau-fond-ligne",
+	"--st-timeline-repere",
+	"--st-toast-cible",
+	"--st-toast-ton",
+	"--st-tri-rembourrage"
 ];
 function estJetonDeComposant(nom) {
 	return jetonsDeComposant.some((jeton) => jeton.nom === nom);
@@ -1647,24 +1823,28 @@ function enKebab(valeur) {
 function aplatir(prefixe, valeurs) {
 	return Object.entries(valeurs).map(([cle, valeur]) => `  ${prefixe}-${enKebab(cle)}: ${valeur};`);
 }
-function selonLeTheme(clair, sombre) {
+function selonLeTheme$1(clair, sombre) {
 	return clair === sombre ? clair : `light-dark(${clair}, ${sombre})`;
 }
 function nomDeCouleur(jeton) {
 	return `${PREFIXE}-couleur-${enKebab(jeton)}`;
 }
-function couleursEnCss() {
-	return Object.keys(themeClair).map((jeton) => `  ${nomDeCouleur(jeton)}: ${selonLeTheme(themeClair[jeton], themeSombre[jeton])};`);
+function couleursEnCss(litteral = false) {
+	return Object.keys(themeClair).map((jeton) => {
+		const cible = aliasDeRole[jeton];
+		const valeur = cible === void 0 || litteral ? selonLeTheme$1(themeClair[jeton], themeSombre[jeton]) : `var(${nomDeCouleur(cible)})`;
+		return `  ${nomDeCouleur(jeton)}: ${valeur};`;
+	});
 }
 function ombresEnCss() {
 	return [
 		`  ${PREFIXE}-ombre-none: none;`,
 		...COUCHES.map((couche) => {
-			const valeur = ombres[couche].map((c) => `${c.geometrie} ${selonLeTheme(c.couleur.clair, c.couleur.sombre)}`).join(", ");
+			const valeur = ombres[couche].map((c) => `${c.geometrie} ${selonLeTheme$1(c.couleur.clair, c.couleur.sombre)}`).join(", ");
 			return `  ${PREFIXE}-ombre-${couche}: ${valeur};`;
 		}),
-		`  ${PREFIXE}-voile: ${selonLeTheme(voile.clair, voile.sombre)};`,
-		`  ${PREFIXE}-couleur-ombre: ${selonLeTheme(couleurDOmbre.clair, couleurDOmbre.sombre)};`
+		`  ${PREFIXE}-voile: ${selonLeTheme$1(voile.clair, voile.sombre)};`,
+		`  ${PREFIXE}-couleur-ombre: ${selonLeTheme$1(couleurDOmbre.clair, couleurDOmbre.sombre)};`
 	];
 }
 function cssDesEchelles() {
@@ -1693,8 +1873,8 @@ function cssDesEchelles() {
 		`  ${PREFIXE}-cible-min: ${cibleMinimale};`
 	].join("\n");
 }
-function cssDuTheme() {
-	return [...couleursEnCss(), ...ombresEnCss()].join("\n");
+function cssDuTheme(litteral = false) {
+	return [...couleursEnCss(litteral), ...ombresEnCss()].join("\n");
 }
 function variablesDeDensite(mode, retrait = "  ") {
 	return Object.entries(densite[mode]).map(([nom, valeur]) => `${retrait}${PREFIXE}-${nom}: ${valeur};`).join("\n");
@@ -1741,8 +1921,8 @@ function themeSousContrasteRenforce(theme) {
 	return rendu;
 }
 const aliasDeContrasteRenforce = {
-	...Object.fromEntries(Object.entries(aliasDeContrasteRenforceParJeton).map(([jeton, cible]) => [nomDeCouleur(jeton), selonLeTheme(themeClair[cible], themeSombre[cible])])),
-	...Object.fromEntries(Object.entries(encresDeContrasteRenforce).map(([jeton, encres]) => [nomDeCouleur(jeton), selonLeTheme(encres.clair, encres.sombre)])),
+	...Object.fromEntries(Object.entries(aliasDeContrasteRenforceParJeton).map(([jeton, cible]) => [nomDeCouleur(jeton), selonLeTheme$1(themeClair[cible], themeSombre[cible])])),
+	...Object.fromEntries(Object.entries(encresDeContrasteRenforce).map(([jeton, encres]) => [nomDeCouleur(jeton), selonLeTheme$1(encres.clair, encres.sombre)])),
 	[`${PREFIXE}-focus-epaisseur`]: `var(${PREFIXE}-epaisseur-forte)`
 };
 const couleursSysteme = {
@@ -1768,7 +1948,9 @@ const couleursSysteme = {
 		"succesDiscret",
 		"avertissementDiscret",
 		"dangerDiscret",
-		"dangerDiscretCourant"
+		"dangerDiscretCourant",
+		"erreurDiscret",
+		"essaiDiscret"
 	],
 	CanvasText: [
 		"texte",
@@ -1788,6 +1970,12 @@ const couleursSysteme = {
 		"danger",
 		"dangerSurvol",
 		"dangerActif",
+		"erreur",
+		"essai",
+		"serie1",
+		"serie2",
+		"serie3",
+		"serie4",
 		"positif",
 		"surPrimaireDiscret",
 		"surPrimaireAttenue",
@@ -1795,7 +1983,9 @@ const couleursSysteme = {
 		"surInformationDiscret",
 		"surSuccesDiscret",
 		"surAvertissementDiscret",
-		"surDangerDiscret"
+		"surDangerDiscret",
+		"surErreurDiscret",
+		"surEssaiDiscret"
 	],
 	GrayText: ["texteDesactive"],
 	LinkText: [
@@ -1817,7 +2007,9 @@ const encresDAplat = [
 	"surInformation",
 	"surSucces",
 	"surAvertissement",
-	"surDanger"
+	"surDanger",
+	"surErreur",
+	"surEssai"
 ];
 const derogationsDImpression = {
 	fond: "#ffffff",
@@ -1833,13 +2025,15 @@ const derogationsDImpression = {
 	avertissement: "#783f03",
 	danger: "#960c19",
 	information: "#0b5776",
+	essai: primitives.violet[700],
 	primaireDiscret: "#ffffff",
 	primaireAttenue: "#ffffff",
 	accentDiscret: "#ffffff",
 	informationDiscret: "#ffffff",
 	succesDiscret: "#ffffff",
 	avertissementDiscret: "#ffffff",
-	dangerDiscret: "#ffffff"
+	dangerDiscret: "#ffffff",
+	essaiDiscret: "#ffffff"
 };
 const taillesDImpression = {
 	"2xs": "8pt",
@@ -1854,7 +2048,7 @@ const taillesDImpression = {
 	"5xl": "28pt",
 	"6xl": "32pt"
 };
-function declarations(valeurs, retrait) {
+function declarations$1(valeurs, retrait) {
 	return Object.entries(valeurs).map(([nom, valeur]) => `${retrait}${nom}: ${valeur};`).join("\n");
 }
 function blocContrasteForce() {
@@ -1862,7 +2056,7 @@ function blocContrasteForce() {
 	for (const [systeme, jetons] of Object.entries(couleursSysteme)) for (const jeton of jetons) alias[nomDeCouleur(jeton)] = systeme;
 	for (const couche of ["none", ...COUCHES]) alias[`${PREFIXE}-ombre-${couche}`] = "none";
 	alias[`${PREFIXE}-epaisseur-capillaire`] = epaisseurCapillaire.base;
-	return declarations(alias, "    ");
+	return declarations$1(alias, "    ");
 }
 function blocImpression() {
 	const valeurs = {};
@@ -1871,12 +2065,38 @@ function blocImpression() {
 	valeurs[`${PREFIXE}-voile`] = "transparent";
 	valeurs[`${PREFIXE}-epaisseur-capillaire`] = epaisseurCapillaire.base;
 	for (const [cle, taille] of Object.entries(taillesDImpression)) valeurs[`${PREFIXE}-taille-${cle}`] = taille;
-	return declarations(valeurs, "    ");
+	return declarations$1(valeurs, "    ");
 }
 function affichageSelonLeTheme(theme, retrait = "  ") {
 	const visible = "inline";
 	return [`${retrait}${PREFIXE}-affichage-si-clair: ${theme === "clair" ? visible : "none"};`, `${retrait}${PREFIXE}-affichage-si-sombre: ${theme === "sombre" ? visible : "none"};`].join("\n");
 }
+const REGLAGE_DU_PREFIXE_DE_TON = `${PREFIXE}-prefixe-de-ton`;
+function reglesDuPrefixeDeTon() {
+	return `.st-prefixe-de-ton {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+@container style(${REGLAGE_DU_PREFIXE_DE_TON}: visible) {
+  .st-prefixe-de-ton {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    clip-path: none;
+    white-space: normal;
+  }
+}`;
+}
 function feuilleDeJetons() {
 	return `/* Engendre par @starterlib/tokens \u2014 ne pas modifier a la main.
    Regenerer : pnpm tokens:css */
@@ -1944,6 +2164,17 @@ ${variablesDeDensite("compacte")}
   }
 }
 
+/* Mode embarque (ADR 0043 du socle backend, lots 276 et 300) : un ecran du socle dans la WebView
+   d'une application mobile prend la cible des applications natives, 48 px, au pointeur fin comme
+   au doigt. Pose sur <html> par la coquille, pour une route que son manifeste declarera
+   embarquable (contrat a poser avec le BFF), jamais par un parametre libre de l'adresse. Apres
+   le pointeur grossier et les densites : a (0,1,0), comme toute regle de la feuille, il l'emporte
+   par l'ordre, zones de densite comprises. */
+[data-mode='embarque'],
+:where([data-mode='embarque']) [data-densite] {
+  ${PREFIXE}-hauteur-commande-defaut: var(${PREFIXE}-hauteur-commande-embarquee);
+}
+
 /* Un filet d'un vrai pixel d'ecran sur les dalles haute densite. */
 @media (min-resolution: 2dppx) {
   :root {
@@ -1958,26 +2189,31 @@ ${variablesDeDensite("compacte")}
    ne se fige jamais. \`:where(:root)\` : la regle pese (0,1,0), comme les autres. */
 @media (prefers-reduced-motion: reduce) {
   :where(:root):not([data-mouvement='complet']) {
-${declarations(mouvementReduit, "    ")}
+${declarations$1(mouvementReduit, "    ")}
   }
 }
 
 [data-mouvement='reduit'] {
-${declarations(mouvementReduit, "  ")}
+${declarations$1(mouvementReduit, "  ")}
 }
 
 /* Gel d'une image : au changement de theme ou de langue, rien ne transite le temps
    d'un rendu (StTheme et StLangue posent data-gel sur <html>). Place apres le
    mouvement : un mouvement complet choisi ne leve pas le gel. */
 [data-gel] {
-${declarations(mouvementGele, "  ")}
+${declarations$1(mouvementGele, "  ")}
 }
 
-/* WCAG 2.4.11 : un arret de tabulation ne remonte jamais sous l'en-tete collant.
-   \`${PREFIXE}-hauteur-entete\` est posee sur <html> par st-app-shell, qui mesure
-   son en-tete ; sans coquille, le repli vaut zero et rien ne change. */
+/* WCAG 2.4.11 : un arret de tabulation ne remonte jamais sous l'en-tete collant, ni ne
+   descend sous la barre de navigation inferieure ou sous l'action permanente flottante.
+   \`${PREFIXE}-hauteur-entete\` est posee sur <html> par st-app-shell, qui mesure son
+   en-tete ; \`${PREFIXE}-hauteur-pied\` par st-bottom-nav, sous md (P08-05) ;
+   \`${PREFIXE}-hauteur-action\` par st-app-shell, sous md, du bas de la fenetre au haut de
+   l'action qui flotte (P08-06), barre comprise. Sans elles, le repli vaut zero et rien ne
+   change. */
 html {
   scroll-padding-block-start: var(${PREFIXE}-hauteur-entete, 0px);
+  scroll-padding-block-end: max(var(${PREFIXE}-hauteur-pied, 0px), var(${PREFIXE}-hauteur-action, 0px));
 }
 
 /* Rythme vertical d'un formulaire, porte par le CONTENEUR (lot 200) : les champs du
@@ -2007,6 +2243,11 @@ html {
   border: 0;
 }
 
+/* Prefixe de ton (\u00ab Erreur : \u00bb, P08-03) : masque et lu, comme .st-vh ; affiche sous le reglage
+   ${REGLAGE_DU_PREFIXE_DE_TON}: visible, pose par l'application sur la racine, une zone ou une
+   instance (requete de style : Chrome 111, Safari 18, Firefox 151 ; en deca, il reste masque). */
+${reglesDuPrefixeDeTon()}
+
 /* Contrat avec le CDK : ses surfaces (menus, popovers, infobulles, tiroirs,
    dialogues) s'empilent par l'ordre du DOM dans ce conteneur, qui lit le plan. */
 .cdk-overlay-container {
@@ -2016,7 +2257,7 @@ html {
 /* Contraste renforce : alias du theme courant, clair ou sombre (01 \u00a77.1). */
 @media (prefers-contrast: more) {
   :root {
-${declarations(aliasDeContrasteRenforce, "    ")}
+${declarations$1(aliasDeContrasteRenforce, "    ")}
   }
 }
 
@@ -2068,6 +2309,114 @@ ${blocImpression()}
 }
 `;
 }
+function feuilleDesJetonsDUnElement() {
+	return `:host {
+  color-scheme: light;
+  color: var(${nomDeCouleur("texte")});
+${affichageSelonLeTheme("clair")}
+${cssDesEchelles()}
+${cssDuTheme()}
+${variablesDeDensite("confortable")}
+}
+
+@media (prefers-color-scheme: dark) {
+  :host(:not([data-theme='clair'])) {
+    color-scheme: dark;
+${affichageSelonLeTheme("sombre", "    ")}
+  }
+}
+
+:host([data-theme='sombre']) {
+  color-scheme: dark;
+${affichageSelonLeTheme("sombre")}
+}
+
+:host([data-theme='clair']) {
+  color-scheme: light;
+${affichageSelonLeTheme("clair")}
+}
+
+::selection {
+  color: var(${nomDeCouleur("surSelection")});
+  background: var(${nomDeCouleur("selection")});
+}
+
+:host([data-densite='confortable']) {
+${variablesDeDensite("confortable")}
+}
+
+:host([data-densite='dense']) {
+${variablesDeDensite("dense")}
+}
+
+:host([data-densite='compacte']) {
+${variablesDeDensite("compacte")}
+}
+
+@media (pointer: coarse) {
+  :host,
+  :host([data-densite]) {
+    ${PREFIXE}-hauteur-commande-defaut: var(${PREFIXE}-hauteur-commande-xl);
+    ${PREFIXE}-calendrier-jour-defaut: var(${PREFIXE}-cible-tactile-min);
+  }
+}
+
+@media (min-resolution: 2dppx) {
+  :host {
+    ${PREFIXE}-epaisseur-capillaire: ${epaisseurCapillaire.hauteDensite};
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :host(:not([data-mouvement='complet'])) {
+${declarations$1(mouvementReduit, "    ")}
+  }
+}
+
+:host([data-mouvement='reduit']) {
+${declarations$1(mouvementReduit, "  ")}
+}
+
+.st-vh,
+.st-vh-focalisable:where(:not(:focus-within)) {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+${reglesDuPrefixeDeTon()}
+
+@media (prefers-contrast: more) {
+  :host {
+${declarations$1(aliasDeContrasteRenforce, "    ")}
+  }
+}
+
+@media (forced-colors: active) {
+  :host {
+${blocContrasteForce()}
+  }
+}
+
+@media print {
+  :host,
+  :host([data-theme]) {
+    color-scheme: light;
+${affichageSelonLeTheme("clair", "    ")}
+  }
+
+  :host {
+${blocImpression()}
+  }
+}
+`;
+}
 function entreeDeCarte(nom, valeur) {
 	const chaine = valeur.includes("'") && !valeur.includes("\"") ? `"${valeur}"` : `'${valeur}'`;
 	const enLigne = `  '${nom}': ${chaine},`;
@@ -2087,7 +2436,7 @@ function partielDesJetons() {
 $jetons: (
 ${[
 		cssDesEchelles(),
-		cssDuTheme(),
+		cssDuTheme(true),
 		variablesDeDensite("confortable")
 	].join("\n").split("\n").map((ligne) => DECLARATION_DE_JETON.exec(ligne)).filter((trouve) => trouve !== null).map(([, nom, valeur]) => entreeDeCarte(nom ?? "", valeur ?? "")).join("\n")}
 );
@@ -2108,8 +2457,8 @@ function jetonsDtcg() {
 	const jetons = {
 		$description: "Jetons de @starterlib/tokens au format DTCG 2025.10. Engendre par tools/generer-css.mjs : ne pas modifier.",
 		couleur: {
-			clair: couleurs(themeClair),
-			sombre: couleurs(themeSombre)
+			clair: couleurs(themeClair, "clair"),
+			sombre: couleurs(themeSombre, "sombre")
 		},
 		espacement: dimensions(espacement),
 		rayon: dimensions(rayon),
@@ -2133,12 +2482,15 @@ function jetonsDtcg() {
 	};
 	return `${JSON.stringify(jetons, null, 2)}\n`;
 }
-function couleurs(theme) {
+function couleurs(theme, nomDuTheme) {
 	const noms = Object.keys(theme);
-	return Object.fromEntries(noms.map((nom) => [nom, {
-		$type: "color",
-		$value: couleur(theme[nom])
-	}]));
+	return Object.fromEntries(noms.map((nom) => {
+		const cible = aliasDeRole[nom];
+		return [nom, {
+			$type: "color",
+			$value: cible === void 0 ? couleur(theme[nom]) : `{couleur.${nomDuTheme}.${cible}}`
+		}];
+	}));
 }
 function couleur(hex) {
 	return {
@@ -2173,6 +2525,374 @@ function dimension(valeur) {
 function familles(pile) {
 	return pile.split(",").map((famille) => famille.trim().replace(/^'(.*)'$/, "$1"));
 }
-export { CLES_DE_TAILLE, COUCHES, C_PAS, FAMILLES, L_PAS, MODES_DE_DENSITE, PAS_DE_RAMPE, PAS_NEUTRES, PREFIXE, RANGS_DE_SERIE, SEUIL_DE_PERCEPTIBILITE, aliasDeContrasteRenforce, aliasDeContrasteRenforceParJeton, apca, cadence, cadenceMinimale, cibleMinimale, cibleTactileMinimale, composer, contratsDHote, couleurDOmbre, couleursSysteme, courbe, cssDesEchelles, cssDuTheme, declarationsDuStyle, definitionDuPas, definitionsDesPrimitives, densite, deplacement, derogationsDImpression, duree, ecartsDeSurface, enKebab, encresDAplat, encresDeContrasteRenforce, epaisseur, epaisseurCapillaire, espacement, estJetonDeComposant, exemptesDeContraste, feuilleDeJetons, feuilleDesPolices, fichiersAPrecharger, focus, hauteurDeCommande, hexVersOklch, interlettrageDuStyle, jetonsDeComposant, jetonsDtcg, largeur, lireCouleur, luminanceRelative, mouvementGele, mouvementReduit, nomDeCouleur, nombreDeJetonsDeCouleur, oklchEnCss, oklchVersHex, oklchVersSrgb, ombreDuTheme, ombres, pairesDeContraste, pairesExclues, partielDeTypographie, partielDesJetons, plan, policesDuSocle, primitives, rapportDeContraste, rayon, respecteLeContraste, rolesDesPrimitives, seuilExige, stylesTypographiques, surchargesDuRepli, surfacesDuFocus, taillesDImpression, themeClair, themeSombre, themeSousContrasteRenforce, themes, typographie, variablesInternes, versRvb, voile };
+var MarqueNonConforme = class extends Error {
+	defauts;
+	constructor(nom, defauts) {
+		super(`Marque ${nom} non conforme :\n  ${defauts.join("\n  ")}`);
+		this.name = "MarqueNonConforme";
+		this.defauts = defauts;
+	}
+};
+const pairesDuContourEleve = [{
+	premierPlan: "bordureForteElevee",
+	arrierePlans: [
+		"surfaceElevee",
+		"surfaceConteneurHaut",
+		"surface"
+	],
+	nature: "composant"
+}];
+const ecartsDeMarque = [...ecartsDeSurface, {
+	devant: "surface",
+	derriere: "fond",
+	minimum: 1.03,
+	pourquoi: "une surface posee sur la page s en detache"
+}];
+const ALIAS_DU_CONTOUR_ELEVE = { bordureForteElevee: "texteDiscret" };
+const conteneursEleves = [
+	"st-dialog-container",
+	"st-dialog-content",
+	"st-menu",
+	"st-popover"
+];
+const NOM_DE_MARQUE = /^[a-z][a-z0-9-]{1,40}$/;
+const HEX = /^#[0-9a-fA-F]{6}$/;
+const ROLES = /* @__PURE__ */ new Set([...Object.keys(themeClair), "bordureForteElevee"]);
+const NATURES = /* @__PURE__ */ new Set([
+	"courant",
+	"grand",
+	"composant"
+]);
+const THEMES = ["clair", "sombre"];
+const RAISON_MINIMALE = 40;
+function base(theme) {
+	return theme === "clair" ? themeClair : themeSombre;
+}
+function enMinuscules(valeur) {
+	return valeur.toLowerCase();
+}
+function themeDeMarque(valeurs, theme) {
+	const posees = valeurs[theme];
+	const rendu = { ...base(theme) };
+	for (const [role, valeur] of Object.entries(posees)) if (valeur !== void 0) rendu[role] = enMinuscules(valeur);
+	rendu["bordureForteElevee"] = enMinuscules(posees.bordureForteElevee ?? posees.bordureForte ?? base(theme).bordureForte);
+	for (const [role, cible] of Object.entries(aliasDeRole)) if (posees[role] === void 0) rendu[role] = rendu[cible] ?? base(theme)[cible];
+	return rendu;
+}
+function poseParLaMarque(valeurs, theme, role) {
+	const valeur = valeurs[theme][role];
+	if (valeur === void 0) return false;
+	if (role === "bordureForteElevee") return true;
+	const cible = aliasDeRole[role];
+	const sansElle = cible === void 0 ? base(theme)[role] : enMinuscules(valeurs[theme][cible] ?? base(theme)[cible]);
+	return enMinuscules(valeur) !== sansElle;
+}
+function themeDeMarqueSousContrasteRenforce(valeurs, theme) {
+	const normal = themeDeMarque(valeurs, theme);
+	const rendu = { ...normal };
+	const alias = {
+		...aliasDeContrasteRenforceParJeton,
+		...ALIAS_DU_CONTOUR_ELEVE
+	};
+	for (const [role, cible] of Object.entries(alias)) rendu[role] = normal[cible];
+	for (const [role, encres] of Object.entries(encresDeContrasteRenforce)) if (!poseParLaMarque(valeurs, theme, role)) rendu[role] = encres[theme];
+	return rendu;
+}
+function mesure(theme, jetons, devant, derriere) {
+	const rapport = rapportDeContraste(jetons[devant], jetons[derriere]);
+	return `${theme} : ${devant} (${jetons[devant]}) sur ${derriere} (${jetons[derriere]}) = ${rapport.toFixed(2)}:1`;
+}
+function memeEcart(e, a, b) {
+	return e[0] === a && e[1] === b || e[0] === b && e[1] === a;
+}
+function estUnObjet(valeur) {
+	return typeof valeur === "object" && valeur !== null && !Array.isArray(valeur);
+}
+function citee(valeur) {
+	if (valeur === void 0) return "absent";
+	return typeof valeur === "string" ? valeur : JSON.stringify(valeur);
+}
+function liste(valeur) {
+	return Array.isArray(valeur) ? valeur : [];
+}
+function raisonEcrite(valeur) {
+	return typeof valeur === "string" && valeur.length >= RAISON_MINIMALE;
+}
+function defautsDeForme(valeurs) {
+	if (!estUnObjet(valeurs)) return ["la marque n est pas un objet"];
+	const defauts = [];
+	const nom = valeurs["nom"];
+	if (typeof nom !== "string" || !NOM_DE_MARQUE.test(nom)) defauts.push(`nom : « ${citee(nom)} » hors de ^[a-z][a-z0-9-]{1,40}$`);
+	for (const theme of THEMES) {
+		const couleurs = valeurs[theme];
+		if (!estUnObjet(couleurs)) {
+			defauts.push(`${theme} : un objet de roles est attendu (vide s il n y a rien a poser)`);
+			continue;
+		}
+		for (const [role, valeur] of Object.entries(couleurs)) {
+			if (!ROLES.has(role)) defauts.push(`${theme} : role inconnu « ${role} »`);
+			if (typeof valeur !== "string" || !HEX.test(valeur)) defauts.push(`${theme} : ${role} = « ${citee(valeur)} », hexadecimal #rrggbb attendu`);
+		}
+	}
+	const malFormees = [
+		"exemptions",
+		"paires",
+		"pairesExclues"
+	].filter((cle) => valeurs[cle] !== void 0 && !Array.isArray(valeurs[cle]));
+	if (malFormees.length > 0) return [...defauts, ...malFormees.map((cle) => `${cle} : une liste est attendue`)];
+	const primitives = valeurs["primitives"];
+	if (primitives !== void 0 && !estUnObjet(primitives)) defauts.push("primitives : un objet de familles est attendu");
+	else for (const [famille, pas] of Object.entries(primitives ?? {})) {
+		if (!estUnObjet(pas)) {
+			defauts.push(`primitive ${famille} : un objet de pas est attendu`);
+			continue;
+		}
+		for (const [cle, valeur] of Object.entries(pas)) if (typeof valeur !== "string" || !HEX.test(valeur)) defauts.push(`primitive ${famille}.${cle} = « ${citee(valeur)} », hexadecimal #rrggbb attendu`);
+	}
+	for (const exemption of liste(valeurs["exemptions"])) {
+		const ecart = estUnObjet(exemption) ? exemption["ecart"] : void 0;
+		if (!estUnObjet(exemption) || !Array.isArray(ecart) || ecart.length !== 2 || !ecart.every((role) => typeof role === "string")) {
+			defauts.push("exemption : `ecart` attend deux roles, [devant, derriere]");
+			continue;
+		}
+		const [devant, derriere] = ecart;
+		const cle = `exemption ${devant}/${derriere}`;
+		if (!ecartsDeMarque.some((e) => memeEcart([e.devant, e.derriere], devant, derriere))) defauts.push(`${cle} : aucun ecart de surface de ce nom (ecartsDeMarque)`);
+		const theme = exemption["theme"];
+		if (theme !== void 0 && theme !== "clair" && theme !== "sombre") defauts.push(`${cle} : theme « ${citee(theme)} » inconnu`);
+		if (!raisonEcrite(exemption["raison"])) defauts.push(`${cle} : raison absente ou trop courte (${RAISON_MINIMALE.toString()} caracteres au moins)`);
+	}
+	for (const paire of liste(valeurs["paires"])) {
+		const premierPlan = estUnObjet(paire) ? paire["premierPlan"] : void 0;
+		const arrierePlans = estUnObjet(paire) ? paire["arrierePlans"] : void 0;
+		if (!estUnObjet(paire) || !Array.isArray(arrierePlans)) {
+			defauts.push(`paire ${citee(premierPlan)} : \`arrierePlans\` attend une liste de roles`);
+			continue;
+		}
+		for (const role of [premierPlan, ...arrierePlans]) if (typeof role !== "string" || !ROLES.has(role)) defauts.push(`paire : role inconnu « ${citee(role)} »`);
+		const nature = paire["nature"];
+		if (typeof nature !== "string" || !NATURES.has(nature)) defauts.push(`paire ${citee(premierPlan)} : nature « ${citee(nature)} » inconnue`);
+	}
+	for (const exclue of liste(valeurs["pairesExclues"])) {
+		if (!estUnObjet(exclue)) {
+			defauts.push("paire exclue : un objet est attendu");
+			continue;
+		}
+		const premierPlan = exclue["premierPlan"];
+		const arrierePlan = exclue["arrierePlan"];
+		for (const role of [premierPlan, arrierePlan]) if (typeof role !== "string" || !ROLES.has(role)) defauts.push(`paire exclue : role inconnu « ${citee(role)} »`);
+		if (!raisonEcrite(exclue["raison"])) defauts.push(`paire exclue ${citee(premierPlan)}/${citee(arrierePlan)} : raison absente ou trop courte`);
+	}
+	return defauts;
+}
+function pairesExigees(valeurs) {
+	const exclues = valeurs.pairesExclues ?? [];
+	const toutes = [...pairesDeContraste, ...[...pairesDuContourEleve, ...valeurs.paires ?? []].flatMap((p) => p.arrierePlans.map((arrierePlan) => ({
+		premierPlan: p.premierPlan,
+		arrierePlan,
+		nature: p.nature
+	})))];
+	const vues = /* @__PURE__ */ new Set();
+	return toutes.filter((p) => {
+		const cle = `${p.premierPlan}/${p.arrierePlan}`;
+		if (vues.has(cle)) return false;
+		vues.add(cle);
+		return !exclues.some((e) => e.premierPlan === p.premierPlan && e.arrierePlan === p.arrierePlan);
+	});
+}
+function defautsDeLaMarque(entree) {
+	const forme = defautsDeForme(entree);
+	if (forme.length > 0) return forme;
+	const valeurs = entree;
+	const defauts = [];
+	const paires = pairesExigees(valeurs);
+	for (const theme of THEMES) {
+		const rendus = [[theme, themeDeMarque(valeurs, theme)], [`${theme} (contraste renforce)`, themeDeMarqueSousContrasteRenforce(valeurs, theme)]];
+		for (const [nomDuRendu, jetons] of rendus) {
+			for (const p of paires) {
+				const seuil = seuilExige("AA", p.nature);
+				if (rapportDeContraste(jetons[p.premierPlan], jetons[p.arrierePlan]) < seuil) defauts.push(`${mesure(nomDuRendu, jetons, p.premierPlan, p.arrierePlan)}, minimum ${String(seuil)}:1`);
+			}
+			for (const surface of surfacesDuFocus) {
+				const anneau = rapportDeContraste(jetons.anneauFocus, jetons[surface]);
+				const lisere = rapportDeContraste(jetons.lisereFocus, jetons[surface]);
+				if (Math.max(anneau, lisere) < 3) defauts.push(`${nomDuRendu} : focus sur ${surface} (${jetons[surface]}) : anneau ${anneau.toFixed(2)}:1, lisere ${lisere.toFixed(2)}:1, l'un des deux a 3:1 au moins`);
+			}
+		}
+		const jetons = themeDeMarque(valeurs, theme);
+		for (const e of ecartsDeMarque) {
+			if (rapportDeContraste(jetons[e.devant], jetons[e.derriere]) >= e.minimum) continue;
+			if (!(valeurs.exemptions ?? []).some((x) => memeEcart(x.ecart, e.devant, e.derriere) && (x.theme === void 0 || x.theme === theme))) {
+				defauts.push(`${mesure(theme, jetons, e.devant, e.derriere)}, ecart minimum ${String(e.minimum)}:1 (${e.pourquoi}) : relever l'ecart, ou l'exempter avec sa raison (le filet porte la separation)`);
+				continue;
+			}
+			const filet = Math.max(rapportDeContraste(jetons.bordure, jetons[e.devant]), rapportDeContraste(jetons.bordure, jetons[e.derriere]));
+			if (filet < 1.2) defauts.push(`${theme} : ecart ${e.devant}/${e.derriere} exempte, mais le filet bordure (${jetons.bordure}) n'y est perceptible sur aucune des deux surfaces (${filet.toFixed(2)}:1, minimum ${String(SEUIL_DE_PERCEPTIBILITE)}:1)`);
+		}
+		for (const { jeton } of exemptesDeContraste) if (rapportDeContraste(jetons[jeton], jetons.surface) < 1.2) defauts.push(`${mesure(theme, jetons, jeton, "surface")}, jeton exempte qui doit rester perceptible (${String(SEUIL_DE_PERCEPTIBILITE)}:1)`);
+	}
+	for (const exclue of valeurs.pairesExclues ?? []) if (!THEMES.some((theme) => {
+		const jetons = themeDeMarque(valeurs, theme);
+		return rapportDeContraste(jetons[exclue.premierPlan], jetons[exclue.arrierePlan]) < 4.5;
+	})) defauts.push(`paire exclue ${exclue.premierPlan}/${exclue.arrierePlan} : elle tient dans les deux themes, la redeclarer en paire`);
+	return defauts;
+}
+function selonLeTheme(clair, sombre) {
+	return clair === sombre ? clair : `light-dark(${clair}, ${sombre})`;
+}
+function nomDuRole(role) {
+	return nomDeCouleur(role);
+}
+function rolesPoses(valeurs) {
+	return [...Object.keys(themeClair), "bordureForteElevee"].filter((role) => role === "bordureForteElevee" || THEMES.some((t) => poseParLaMarque(valeurs, t, role)));
+}
+function encreDImpression(ecran, derogation) {
+	const couleur = hexVersOklch(ecran);
+	const plafond = hexVersOklch(derogation).l;
+	return couleur.l <= plafond ? ecran : oklchVersHex({
+		...couleur,
+		l: plafond
+	});
+}
+function declarations(lignes, retrait) {
+	return lignes.map(([nom, valeur]) => `${retrait}${nom}: ${valeur};`).join("\n");
+}
+function feuilleDeMarque(valeurs) {
+	const defauts = defautsDeLaMarque(valeurs);
+	if (defauts.length > 0) throw new MarqueNonConforme(valeurs.nom, defauts);
+	const clair = themeDeMarque(valeurs, "clair");
+	const sombre = themeDeMarque(valeurs, "sombre");
+	const poses = rolesPoses(valeurs);
+	const racine = poses.map((role) => [nomDuRole(role), selonLeTheme(clair[role], sombre[role])]);
+	const renforceClair = themeDeMarqueSousContrasteRenforce(valeurs, "clair");
+	const renforceSombre = themeDeMarqueSousContrasteRenforce(valeurs, "sombre");
+	const renforces = [
+		...Object.keys(aliasDeContrasteRenforceParJeton),
+		...Object.keys(encresDeContrasteRenforce),
+		...Object.keys(ALIAS_DU_CONTOUR_ELEVE)
+	];
+	const contrasteRenforce = [...new Set(renforces)].map((role) => [nomDuRole(role), selonLeTheme(renforceClair[role], renforceSombre[role])]);
+	const systeme = /* @__PURE__ */ new Map();
+	for (const [couleur, jetons] of Object.entries(couleursSysteme)) for (const jeton of jetons) systeme.set(jeton, couleur);
+	systeme.set("bordureForteElevee", systeme.get("bordureForte") ?? "CanvasText");
+	const contrasteForce = poses.filter((role) => systeme.has(role)).map((role) => [nomDuRole(role), systeme.get(role) ?? "CanvasText"]);
+	const derogations = derogationsDImpression;
+	const impression = poses.flatMap((role) => {
+		const prolonge = role === "bordureForteElevee" ? "bordureForte" : aliasDeRole[role];
+		const derogation = derogations[role] ?? (prolonge === void 0 ? void 0 : derogations[prolonge]);
+		if (derogation === void 0) return [];
+		const fond = derogation.toLowerCase() === "#ffffff";
+		return [[nomDuRole(role), fond ? derogation : encreDImpression(clair[role], derogation)]];
+	});
+	return `/* Engendre par @starterlib/tokens — ne pas modifier a la main.
+   Marque « ${valeurs.nom} »${valeurs.description === void 0 ? "" : ` : ${valeurs.description}`}
+   A charger APRES starter-tokens.css. Regenerer : pnpm tokens:css (socle) ou
+   starter-web jetons --marque <fichier> (application). Roles et gardes : README de @starterlib/tokens,
+   niveau 2 bis. */
+
+:root {
+${declarations(racine, "  ")}
+}
+
+/* Les conteneurs eleves (fond surface-elevee) : leurs champs prennent le contour que la marque a
+   prouve a 3:1 sur ces surfaces. Sans feuille de marque, rien ne change. */
+${conteneursEleves.join(",\n")} {
+  ${PREFIXE}-couleur-bordure-forte: var(${PREFIXE}-couleur-bordure-forte-elevee);
+}
+
+/* Contraste renforce : les alias du socle, resolus dans la marque. */
+@media (prefers-contrast: more) {
+  :root {
+${declarations(contrasteRenforce, "    ")}
+  }
+}
+
+/* Contraste force : les roles poses par la marque, vers leur couleur systeme. */
+@media (forced-colors: active) {
+  :root {
+${declarations(contrasteForce, "    ")}
+  }
+}
+
+/* Impression : les derogations du socle pour les roles poses ; une encre ne fait que foncer. */
+@media print {
+  :root {
+${declarations(impression, "    ")}
+  }
+}
+`;
+}
+function jetonsDtcgDeMarque(valeurs) {
+	const defauts = defautsDeLaMarque(valeurs);
+	if (defauts.length > 0) throw new MarqueNonConforme(valeurs.nom, defauts);
+	const couleur = (hex) => {
+		return {
+			colorSpace: "srgb",
+			components: [
+				1,
+				3,
+				5
+			].map((debut) => Number.parseInt(hex.slice(debut, debut + 2), 16) / 255).map((canal) => Number(canal.toFixed(4))),
+			alpha: 1,
+			hex
+		};
+	};
+	const theme = (nomDuTheme) => {
+		const jetons = themeDeMarque(valeurs, nomDuTheme);
+		return Object.fromEntries(Object.keys(jetons).map((nom) => {
+			const cible = aliasDeRole[nom];
+			return [nom, {
+				$type: "color",
+				$value: (cible !== void 0 && !poseParLaMarque(valeurs, nomDuTheme, nom) ? `{couleur.${nomDuTheme}.${cible}}` : null) ?? couleur(jetons[nom])
+			}];
+		}));
+	};
+	const primitives = Object.fromEntries(Object.entries(valeurs.primitives ?? {}).map(([famille, pas]) => [famille, Object.fromEntries(Object.entries(pas).map(([cle, valeur]) => [cle, {
+		$type: "color",
+		$value: couleur(enMinuscules(valeur))
+	}]))]));
+	const fichier = {
+		$description: `Marque ${valeurs.nom} de @starterlib/tokens au format DTCG 2025.10 : les deux themes complets (socle ecrase par la marque). Engendre : ne pas modifier.`,
+		couleur: {
+			clair: theme("clair"),
+			sombre: theme("sombre")
+		},
+		...Object.keys(primitives).length > 0 ? { primitive: primitives } : {}
+	};
+	return `${JSON.stringify(fichier, null, 2)}\n`;
+}
+const marqueExempleBlanc = {
+	nom: "exemple-blanc",
+	description: "fond blanc et gris froids, erreur a l'encre du texte (exemple du socle)",
+	clair: {
+		fond: "#ffffff",
+		surface: "#ffffff",
+		surfaceEnfoncee: "#f4f6f8",
+		surfaceSelection: "#e9edf2",
+		bordure: "#e1e6ec",
+		bordureForte: "#7b8794",
+		bordureForteElevee: "#7e848b",
+		erreur: "#161c24",
+		erreurDiscret: "#f4f6f8",
+		surErreurDiscret: "#161c24"
+	},
+	sombre: {
+		bordureForte: "#5d6982",
+		bordureForteElevee: "#7e848b",
+		erreur: "#f2f4f6",
+		erreurDiscret: "#2b3139",
+		surErreurDiscret: "#f2f4f6"
+	},
+	exemptions: [{
+		ecart: ["surface", "fond"],
+		theme: "clair",
+		raison: "Fond = surface = blanc : une carte posee sur le fond se detache par son filet, jamais par un aplat."
+	}, {
+		ecart: ["surfaceEnfoncee", "surface"],
+		theme: "clair",
+		raison: "Retrait #f4f6f8 a 1,08:1 du blanc, sous le seuil 1,12 du socle : tout creux porte un filet ou un contour."
+	}]
+};
+export { CLES_DE_TAILLE, COUCHES, C_PAS, FAMILLES, L_PAS, MODES_DE_DENSITE, MarqueNonConforme, PAS_DE_RAMPE, PAS_NEUTRES, PREFIXE, RANGS_DE_SERIE, REGLAGE_DU_PREFIXE_DE_TON, SEUIL_DE_PERCEPTIBILITE, aliasDeContrasteRenforce, aliasDeContrasteRenforceParJeton, aliasDeRole, apca, cadence, cadenceMinimale, cibleMinimale, cibleTactileMinimale, composer, conteneursEleves, contratsDHote, couleurDOmbre, couleursSysteme, courbe, cssDesEchelles, cssDuTheme, declarationsDuStyle, defautsDeLaMarque, definitionDuPas, definitionsDesPrimitives, densite, deplacement, derogationsDImpression, duree, ecartsDeMarque, ecartsDeSurface, enKebab, encresDAplat, encresDeContrasteRenforce, epaisseur, epaisseurCapillaire, espacement, estJetonDeComposant, exemptesDeContraste, feuilleDeJetons, feuilleDeMarque, feuilleDesJetonsDUnElement, feuilleDesPolices, feuilleDesPolicesDeTitre, fichiersAPrecharger, focus, hauteurDeCommande, hexVersOklch, interlettrageDuStyle, jetonsDeComposant, jetonsDtcg, jetonsDtcgDeMarque, largeur, lireCouleur, luminanceRelative, marqueExempleBlanc, mouvementGele, mouvementReduit, nomDeCouleur, nombreDeJetonsDeCouleur, oklchEnCss, oklchVersHex, oklchVersSrgb, ombreDuTheme, ombres, pairesDeContraste, pairesDuContourEleve, pairesExclues, partielDeTypographie, partielDesJetons, pileDeTitre, plan, policesDeTitre, policesDuSocle, primitives, rapportDeContraste, rayon, respecteLeContraste, rolesDesPrimitives, seuilExige, stylesTypographiques, surchargesDuRepli, surfacesDuFocus, taillesDImpression, themeClair, themeDeMarque, themeDeMarqueSousContrasteRenforce, themeSombre, themeSousContrasteRenforce, themes, typographie, variablesInternes, versRvb, voile };
 
 //# sourceMappingURL=starterlib-tokens-moteur.mjs.map