ether-code 0.6.6 → 0.6.7

package/generators/css-generator.js

@@ -247,10 +247,15 @@ class CSSGenerator {
       'débordement-texte': 'text-overflow',
       'débordement texte': 'text-overflow',
       'texte-débordement': 'text-overflow',
+      'retour-texte': 'text-wrap',
+      'retour texte': 'text-wrap',
+      'texte-retour': 'text-wrap',
       'renvoi-mots': 'word-wrap',
       'renvoi mots': 'word-wrap',
       'cesure-mots': 'word-break',
       'cesure mots': 'word-break',
+      'coupure-mots': 'word-break',
+      'coupure mots': 'word-break',
       'espace-blanc': 'white-space',
       'espace blanc': 'white-space',
       'blanc-espace': 'white-space',
@@ -278,6 +283,11 @@ class CSSGenerator {
       'justifier-contenu': 'justify-content',
       'justifier contenu': 'justify-content',
       'contenu-justifier': 'justify-content',
+      'justifier-elements': 'justify-items',
+      'justifier éléments': 'justify-items',
+      'justifier elements': 'justify-items',
+      'justifier-soi': 'justify-self',
+      'justifier soi': 'justify-self',
       'aligner-elements': 'align-items',
       'aligner elements': 'align-items',
       'elements-aligner': 'align-items',
@@ -290,6 +300,13 @@ class CSSGenerator {
       'aligner-contenu': 'align-content',
       'aligner contenu': 'align-content',
       'contenu-aligner': 'align-content',
+      'placer-contenu': 'place-content',
+      'placer contenu': 'place-content',
+      'placer-elements': 'place-items',
+      'placer éléments': 'place-items',
+      'placer elements': 'place-items',
+      'placer-soi': 'place-self',
+      'placer soi': 'place-self',
       'colonnes-grille': 'grid-template-columns',
       'colonnes grille': 'grid-template-columns',
       'grille-colonnes': 'grid-template-columns',
@@ -299,21 +316,35 @@ class CSSGenerator {
       'zones-grille': 'grid-template-areas',
       'zones grille': 'grid-template-areas',
       'grille-zones': 'grid-template-areas',
+      'modele-grille': 'grid-template',
+      'modèle-grille': 'grid-template',
+      'modele grille': 'grid-template',
+      'modèle grille': 'grid-template',
       'colonne-grille': 'grid-column',
       'colonne grille': 'grid-column',
       'grille-colonne': 'grid-column',
+      'debut-colonne-grille': 'grid-column-start',
+      'début-colonne-grille': 'grid-column-start',
+      'debut colonne grille': 'grid-column-start',
+      'fin-colonne-grille': 'grid-column-end',
+      'fin colonne grille': 'grid-column-end',
       'ligne-grille': 'grid-row',
       'ligne grille': 'grid-row',
       'grille-ligne': 'grid-row',
+      'debut-ligne-grille': 'grid-row-start',
+      'début-ligne-grille': 'grid-row-start',
+      'debut ligne grille': 'grid-row-start',
+      'fin-ligne-grille': 'grid-row-end',
+      'fin ligne grille': 'grid-row-end',
       'zone-grille': 'grid-area',
       'zone grille': 'grid-area',
       'grille-zone': 'grid-area',
-      'ecart-grille': 'grid-gap',
-      'ecart grille': 'grid-gap',
-      'grille-ecart': 'grid-gap',
-      'écart-grille': 'grid-gap',
-      'écart grille': 'grid-gap',
-      'grille-écart': 'grid-gap',
+      'ecart-grille': 'gap',
+      'ecart grille': 'gap',
+      'grille-ecart': 'gap',
+      'écart-grille': 'gap',
+      'écart grille': 'gap',
+      'grille-écart': 'gap',
       'flux-automatique-grille': 'grid-auto-flow',
       'flux automatique grille': 'grid-auto-flow',
       'colonnes-automatiques-grille': 'grid-auto-columns',
@@ -354,6 +385,7 @@ class CSSGenerator {
       'index-z': 'z-index',
       'z-index': 'z-index',
       'indice-z': 'z-index',
+      'ordre': 'order',
       'debordement': 'overflow',
       'debordement-x': 'overflow-x',
       'debordement x': 'overflow-x',
@@ -375,12 +407,41 @@ class CSSGenerator {
       'comportement-defilement': 'scroll-behavior',
       'comportement defilement': 'scroll-behavior',
       'defilement-comportement': 'scroll-behavior',
+      'comportement-défilement': 'scroll-behavior',
+      'comportement défilement': 'scroll-behavior',
+      'défilement-comportement': 'scroll-behavior',
       'accrochage-defilement': 'scroll-snap-type',
       'accrochage defilement': 'scroll-snap-type',
       'defilement-accrochage': 'scroll-snap-type',
       'accrochage-défilement': 'scroll-snap-type',
       'accrochage défilement': 'scroll-snap-type',
       'défilement-accrochage': 'scroll-snap-type',
+      'alignement-accrochage': 'scroll-snap-align',
+      'alignement accrochage': 'scroll-snap-align',
+      'arret-accrochage': 'scroll-snap-stop',
+      'arrêt-accrochage': 'scroll-snap-stop',
+      'arret accrochage': 'scroll-snap-stop',
+      'arrêt accrochage': 'scroll-snap-stop',
+      'marge-defilement': 'scroll-margin',
+      'marge-défilement': 'scroll-margin',
+      'marge defilement': 'scroll-margin',
+      'marge défilement': 'scroll-margin',
+      'remplissage-defilement': 'scroll-padding',
+      'remplissage-défilement': 'scroll-padding',
+      'remplissage defilement': 'scroll-padding',
+      'remplissage défilement': 'scroll-padding',
+      'comportement-surdefilement': 'overscroll-behavior',
+      'comportement-surdéfilement': 'overscroll-behavior',
+      'comportement surdefilement': 'overscroll-behavior',
+      'comportement surdéfilement': 'overscroll-behavior',
+      'largeur-barre-defilement': 'scrollbar-width',
+      'largeur-barre-défilement': 'scrollbar-width',
+      'largeur barre defilement': 'scrollbar-width',
+      'largeur barre défilement': 'scrollbar-width',
+      'couleur-barre-defilement': 'scrollbar-color',
+      'couleur-barre-défilement': 'scrollbar-color',
+      'couleur barre defilement': 'scrollbar-color',
+      'couleur barre défilement': 'scrollbar-color',
       'origine-transformation': 'transform-origin',
       'origine transformation': 'transform-origin',
       'transformation-origine': 'transform-origin',
@@ -451,6 +512,8 @@ class CSSGenerator {
       'état-lecture-animation': 'animation-play-state',
       'état lecture animation': 'animation-play-state',
       'animation-état-lecture': 'animation-play-state',
+      'chronologie-animation': 'animation-timeline',
+      'chronologie animation': 'animation-timeline',
       'ajustement-objet': 'object-fit',
       'ajustement objet': 'object-fit',
       'objet-ajustement': 'object-fit',
@@ -475,12 +538,16 @@ class CSSGenerator {
       'comportement-tactile': 'touch-action',
       'comportement tactile': 'touch-action',
       'tactile-comportement': 'touch-action',
+      'action-tactile': 'touch-action',
+      'action tactile': 'touch-action',
       'sens-ecriture': 'writing-mode',
       'sens ecriture': 'writing-mode',
       'ecriture-sens': 'writing-mode',
       'sens-écriture': 'writing-mode',
       'sens écriture': 'writing-mode',
       'écriture-sens': 'writing-mode',
+      'mode-ecriture': 'writing-mode',
+      'mode écriture': 'writing-mode',
       'direction-texte': 'direction',
       'direction texte': 'direction',
       'texte-direction': 'direction',
@@ -507,7 +574,6 @@ class CSSGenerator {
       'colonnes-regle': 'column-rule',
       'etendue-colonnes': 'column-span',
       'étendue-colonnes': 'column-span',
-      'etendue-colonnes': 'column-span',
       'étendue colonnes': 'column-span',
       'colonnes-etendue': 'column-span',
       'remplissage-colonnes': 'column-fill',
@@ -547,7 +613,6 @@ class CSSGenerator {
       'bordure rayon': 'border-radius',
       'rayon-bordure': 'border-radius',
       'rayon bordure': 'border-radius',
-      'rayon bordure': 'border-radius',
       'texte-aligner': 'text-align',
       'texte aligner': 'text-align',
       'aligner-texte': 'text-align',
@@ -566,6 +631,9 @@ class CSSGenerator {
       'schema-couleurs': 'color-scheme',
       'schema couleurs': 'color-scheme',
       'couleurs-schema': 'color-scheme',
+      'schéma-couleurs': 'color-scheme',
+      'schéma couleurs': 'color-scheme',
+      'couleurs-schéma': 'color-scheme',
       'ratio-aspect': 'aspect-ratio',
       'ratio aspect': 'aspect-ratio',
       'aspect-ratio': 'aspect-ratio',
@@ -579,8 +647,18 @@ class CSSGenerator {
       'volonte-changement': 'will-change',
       'volonte changement': 'will-change',
       'changement-volonte': 'will-change',
+      'volonté-changement': 'will-change',
+      'volonté changement': 'will-change',
       'optimisation-changement': 'will-change',
       'optimisation changement': 'will-change',
+      'visibilite-contenu': 'content-visibility',
+      'visibilité-contenu': 'content-visibility',
+      'visibilite contenu': 'content-visibility',
+      'visibilité contenu': 'content-visibility',
+      'taille-contenu-intrinseque': 'contain-intrinsic-size',
+      'taille-contenu-intrinsèque': 'contain-intrinsic-size',
+      'taille contenu intrinseque': 'contain-intrinsic-size',
+      'taille contenu intrinsèque': 'contain-intrinsic-size',
       'masque': 'mask',
       'image-masque': 'mask-image',
       'image masque': 'mask-image',
@@ -588,12 +666,30 @@ class CSSGenerator {
       'clip-masque': 'mask-clip',
       'clip masque': 'mask-clip',
       'masque-clip': 'mask-clip',
+      'mode-masque': 'mask-mode',
+      'mode masque': 'mask-mode',
+      'origine-masque': 'mask-origin',
+      'origine masque': 'mask-origin',
+      'position-masque': 'mask-position',
+      'position masque': 'mask-position',
+      'repetition-masque': 'mask-repeat',
+      'répétition-masque': 'mask-repeat',
+      'repetition masque': 'mask-repeat',
+      'répétition masque': 'mask-repeat',
+      'taille-masque': 'mask-size',
+      'taille masque': 'mask-size',
+      'type-masque': 'mask-type',
+      'type masque': 'mask-type',
+      'composite-masque': 'mask-composite',
+      'composite masque': 'mask-composite',
       'chemin-decoupe': 'clip-path',
       'chemin decoupe': 'clip-path',
       'decoupe-chemin': 'clip-path',
       'chemin-découpé': 'clip-path',
       'chemin découpé': 'clip-path',
       'découpe-chemin': 'clip-path',
+      'chemin-découpe': 'clip-path',
+      'chemin découpe': 'clip-path',
       'forme-exterieure': 'shape-outside',
       'forme exterieure': 'shape-outside',
       'exterieure-forme': 'shape-outside',
@@ -602,7 +698,130 @@ class CSSGenerator {
       'extérieure-forme': 'shape-outside',
       'marge-forme': 'shape-margin',
       'marge forme': 'shape-margin',
-      'forme-marge': 'shape-margin'
+      'forme-marge': 'shape-margin',
+      'seuil-image-forme': 'shape-image-threshold',
+      'seuil image forme': 'shape-image-threshold',
+      'marge-bloc': 'margin-block',
+      'marge bloc': 'margin-block',
+      'marge-bloc-debut': 'margin-block-start',
+      'marge-bloc-début': 'margin-block-start',
+      'marge bloc debut': 'margin-block-start',
+      'marge bloc début': 'margin-block-start',
+      'marge-bloc-fin': 'margin-block-end',
+      'marge bloc fin': 'margin-block-end',
+      'marge-en-ligne': 'margin-inline',
+      'marge en ligne': 'margin-inline',
+      'marge-en-ligne-debut': 'margin-inline-start',
+      'marge-en-ligne-début': 'margin-inline-start',
+      'marge en ligne debut': 'margin-inline-start',
+      'marge en ligne début': 'margin-inline-start',
+      'marge-en-ligne-fin': 'margin-inline-end',
+      'marge en ligne fin': 'margin-inline-end',
+      'remplissage-bloc': 'padding-block',
+      'remplissage bloc': 'padding-block',
+      'remplissage-bloc-debut': 'padding-block-start',
+      'remplissage-bloc-début': 'padding-block-start',
+      'remplissage bloc debut': 'padding-block-start',
+      'remplissage bloc début': 'padding-block-start',
+      'remplissage-bloc-fin': 'padding-block-end',
+      'remplissage bloc fin': 'padding-block-end',
+      'remplissage-en-ligne': 'padding-inline',
+      'remplissage en ligne': 'padding-inline',
+      'remplissage-en-ligne-debut': 'padding-inline-start',
+      'remplissage-en-ligne-début': 'padding-inline-start',
+      'remplissage en ligne debut': 'padding-inline-start',
+      'remplissage en ligne début': 'padding-inline-start',
+      'remplissage-en-ligne-fin': 'padding-inline-end',
+      'remplissage en ligne fin': 'padding-inline-end',
+      'bordure-bloc': 'border-block',
+      'bordure bloc': 'border-block',
+      'bordure-bloc-debut': 'border-block-start',
+      'bordure-bloc-début': 'border-block-start',
+      'bordure bloc debut': 'border-block-start',
+      'bordure bloc début': 'border-block-start',
+      'bordure-bloc-fin': 'border-block-end',
+      'bordure bloc fin': 'border-block-end',
+      'bordure-en-ligne': 'border-inline',
+      'bordure en ligne': 'border-inline',
+      'bordure-en-ligne-debut': 'border-inline-start',
+      'bordure-en-ligne-début': 'border-inline-start',
+      'bordure en ligne debut': 'border-inline-start',
+      'bordure en ligne début': 'border-inline-start',
+      'bordure-en-ligne-fin': 'border-inline-end',
+      'bordure en ligne fin': 'border-inline-end',
+      'debut-bloc': 'inset-block-start',
+      'début-bloc': 'inset-block-start',
+      'debut bloc': 'inset-block-start',
+      'début bloc': 'inset-block-start',
+      'fin-bloc': 'inset-block-end',
+      'fin bloc': 'inset-block-end',
+      'debut-en-ligne': 'inset-inline-start',
+      'début-en-ligne': 'inset-inline-start',
+      'debut en ligne': 'inset-inline-start',
+      'début en ligne': 'inset-inline-start',
+      'fin-en-ligne': 'inset-inline-end',
+      'fin en ligne': 'inset-inline-end',
+      'encart': 'inset',
+      'encart-bloc': 'inset-block',
+      'encart bloc': 'inset-block',
+      'encart-en-ligne': 'inset-inline',
+      'encart en ligne': 'inset-inline',
+      'taille-bloc': 'block-size',
+      'taille bloc': 'block-size',
+      'taille-en-ligne': 'inline-size',
+      'taille en ligne': 'inline-size',
+      'taille-bloc-min': 'min-block-size',
+      'taille bloc min': 'min-block-size',
+      'taille-bloc-max': 'max-block-size',
+      'taille bloc max': 'max-block-size',
+      'taille-en-ligne-min': 'min-inline-size',
+      'taille en ligne min': 'min-inline-size',
+      'taille-en-ligne-max': 'max-inline-size',
+      'taille en ligne max': 'max-inline-size',
+      'type-conteneur': 'container-type',
+      'type conteneur': 'container-type',
+      'nom-conteneur': 'container-name',
+      'nom conteneur': 'container-name',
+      'conteneur': 'container',
+      'variation-police': 'font-variation-settings',
+      'variation police': 'font-variation-settings',
+      'caracteristiques-police': 'font-feature-settings',
+      'caractéristiques-police': 'font-feature-settings',
+      'caracteristiques police': 'font-feature-settings',
+      'caractéristiques police': 'font-feature-settings',
+      'crenage': 'font-kerning',
+      'crénage': 'font-kerning',
+      'synthese-police': 'font-synthesis',
+      'synthèse-police': 'font-synthesis',
+      'synthese police': 'font-synthesis',
+      'synthèse police': 'font-synthesis',
+      'coupure-apres': 'break-after',
+      'coupure-après': 'break-after',
+      'coupure apres': 'break-after',
+      'coupure après': 'break-after',
+      'coupure-avant': 'break-before',
+      'coupure avant': 'break-before',
+      'coupure-dans': 'break-inside',
+      'coupure dans': 'break-inside',
+      'orphelins': 'orphans',
+      'veuves': 'widows',
+      'chronologie-defilement': 'scroll-timeline',
+      'chronologie-défilement': 'scroll-timeline',
+      'chronologie defilement': 'scroll-timeline',
+      'chronologie défilement': 'scroll-timeline',
+      'nom-chronologie-defilement': 'scroll-timeline-name',
+      'nom-chronologie-défilement': 'scroll-timeline-name',
+      'axe-chronologie-defilement': 'scroll-timeline-axis',
+      'axe-chronologie-défilement': 'scroll-timeline-axis',
+      'nom-transition-vue': 'view-transition-name',
+      'nom transition vue': 'view-transition-name',
+      'nom-ancre': 'anchor-name',
+      'nom ancre': 'anchor-name',
+      'ancre-defaut': 'anchor-default',
+      'ancre-défaut': 'anchor-default',
+      'ancre defaut': 'anchor-default',
+      'ancre défaut': 'anchor-default',
+      'apparence': 'appearance'
     }
     
     if (priorityMap[lower]) {
@@ -639,11 +858,25 @@ class CSSGenerator {
     result = result.replace(/degrade radial:\s*/gi, 'radial-gradient(')
     result = result.replace(/dégradé conique:\s*/gi, 'conic-gradient(')
     result = result.replace(/degrade conique:\s*/gi, 'conic-gradient(')
+    result = result.replace(/dégradé linéaire répété:\s*/gi, 'repeating-linear-gradient(')
+    result = result.replace(/degrade lineaire repete:\s*/gi, 'repeating-linear-gradient(')
+    result = result.replace(/dégradé radial répété:\s*/gi, 'repeating-radial-gradient(')
+    result = result.replace(/degrade radial repete:\s*/gi, 'repeating-radial-gradient(')
+    result = result.replace(/dégradé conique répété:\s*/gi, 'repeating-conic-gradient(')
+    result = result.replace(/degrade conique repete:\s*/gi, 'repeating-conic-gradient(')
     
     result = result.replace(/rgba:\s*(\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)/gi, 'rgba($1, $2, $3, $4)')
     result = result.replace(/rgb:\s*(\d+),\s*(\d+),\s*(\d+)/gi, 'rgb($1, $2, $3)')
     result = result.replace(/hsl:\s*(\d+),\s*([\d.]+%?),\s*([\d.]+%?)/gi, 'hsl($1, $2, $3)')
     result = result.replace(/hsla:\s*(\d+),\s*([\d.]+%?),\s*([\d.]+%?),\s*([\d.]+)/gi, 'hsla($1, $2, $3, $4)')
+    result = result.replace(/lch:\s*([\d.]+%?),\s*([\d.]+),\s*([\d.]+)/gi, 'lch($1 $2 $3)')
+    result = result.replace(/lab:\s*([\d.]+%?),\s*([\d.\-]+),\s*([\d.\-]+)/gi, 'lab($1 $2 $3)')
+    result = result.replace(/oklch:\s*([\d.]+),\s*([\d.]+),\s*([\d.]+)/gi, 'oklch($1 $2 $3)')
+    result = result.replace(/oklab:\s*([\d.]+),\s*([\d.\-]+),\s*([\d.\-]+)/gi, 'oklab($1 $2 $3)')
+    result = result.replace(/hwb:\s*(\d+),\s*([\d.]+%?),\s*([\d.]+%?)/gi, 'hwb($1 $2 $3)')
+    result = result.replace(/couleur:\s*([^\s,]+)\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)/gi, 'color($1 $2 $3 $4)')
+    result = result.replace(/mélange couleur:\s*([^,]+),\s*([^\s]+)\s+([\d.]+%?)/gi, 'color-mix(in srgb, $1, $2 $3)')
+    result = result.replace(/melange couleur:\s*([^,]+),\s*([^\s]+)\s+([\d.]+%?)/gi, 'color-mix(in srgb, $1, $2 $3)')
     
     result = result.replace(/flou:\s*([\d.]+\w*)/gi, 'blur($1)')
     result = result.replace(/luminosité:\s*([\d.]+%?)/gi, 'brightness($1)')
@@ -656,29 +889,101 @@ class CSSGenerator {
     result = result.replace(/sépia:\s*([\d.]+%?)/gi, 'sepia($1)')
     result = result.replace(/sepia:\s*([\d.]+%?)/gi, 'sepia($1)')
     result = result.replace(/teinte:\s*([\d.]+\w*)/gi, 'hue-rotate($1)')
+    result = result.replace(/rotation-teinte:\s*([\d.]+\w*)/gi, 'hue-rotate($1)')
+    result = result.replace(/ombre-portée:\s*(.+)/gi, 'drop-shadow($1)')
+    result = result.replace(/ombre portée:\s*(.+)/gi, 'drop-shadow($1)')
+    result = result.replace(/ombre-portee:\s*(.+)/gi, 'drop-shadow($1)')
+    result = result.replace(/ombre portee:\s*(.+)/gi, 'drop-shadow($1)')
     
     result = result.replace(/déplacer-y:\s*([\d.\-]+\w*)/gi, 'translateY($1)')
     result = result.replace(/deplacer-y:\s*([\d.\-]+\w*)/gi, 'translateY($1)')
     result = result.replace(/déplacer-x:\s*([\d.\-]+\w*)/gi, 'translateX($1)')
     result = result.replace(/deplacer-x:\s*([\d.\-]+\w*)/gi, 'translateX($1)')
+    result = result.replace(/déplacer-z:\s*([\d.\-]+\w*)/gi, 'translateZ($1)')
+    result = result.replace(/deplacer-z:\s*([\d.\-]+\w*)/gi, 'translateZ($1)')
+    result = result.replace(/déplacer-3d:\s*([\d.\-]+\w*),\s*([\d.\-]+\w*),\s*([\d.\-]+\w*)/gi, 'translate3d($1, $2, $3)')
+    result = result.replace(/deplacer-3d:\s*([\d.\-]+\w*),\s*([\d.\-]+\w*),\s*([\d.\-]+\w*)/gi, 'translate3d($1, $2, $3)')
     result = result.replace(/déplacer:\s*([\d.\-]+\w*),?\s*([\d.\-]+\w*)?/gi, (match, x, y) => {
       if (y) return `translate(${x}, ${y})`
       return `translate(${x})`
     })
     result = result.replace(/rotation:\s*([\d.\-]+\w*)/gi, 'rotate($1)')
+    result = result.replace(/rotation-x:\s*([\d.\-]+\w*)/gi, 'rotateX($1)')
+    result = result.replace(/rotation-y:\s*([\d.\-]+\w*)/gi, 'rotateY($1)')
+    result = result.replace(/rotation-z:\s*([\d.\-]+\w*)/gi, 'rotateZ($1)')
+    result = result.replace(/rotation-3d:\s*([\d.\-]+),\s*([\d.\-]+),\s*([\d.\-]+),\s*([\d.\-]+\w*)/gi, 'rotate3d($1, $2, $3, $4)')
     result = result.replace(/échelle:\s*([\d.]+)/gi, 'scale($1)')
     result = result.replace(/echelle:\s*([\d.]+)/gi, 'scale($1)')
+    result = result.replace(/échelle-x:\s*([\d.]+)/gi, 'scaleX($1)')
+    result = result.replace(/echelle-x:\s*([\d.]+)/gi, 'scaleX($1)')
+    result = result.replace(/échelle-y:\s*([\d.]+)/gi, 'scaleY($1)')
+    result = result.replace(/echelle-y:\s*([\d.]+)/gi, 'scaleY($1)')
+    result = result.replace(/échelle-z:\s*([\d.]+)/gi, 'scaleZ($1)')
+    result = result.replace(/echelle-z:\s*([\d.]+)/gi, 'scaleZ($1)')
+    result = result.replace(/échelle-3d:\s*([\d.]+),\s*([\d.]+),\s*([\d.]+)/gi, 'scale3d($1, $2, $3)')
+    result = result.replace(/echelle-3d:\s*([\d.]+),\s*([\d.]+),\s*([\d.]+)/gi, 'scale3d($1, $2, $3)')
+    result = result.replace(/incliner:\s*([\d.\-]+\w*),?\s*([\d.\-]+\w*)?/gi, (match, x, y) => {
+      if (y) return `skew(${x}, ${y})`
+      return `skew(${x})`
+    })
+    result = result.replace(/incliner-x:\s*([\d.\-]+\w*)/gi, 'skewX($1)')
+    result = result.replace(/incliner-y:\s*([\d.\-]+\w*)/gi, 'skewY($1)')
+    result = result.replace(/matrice:\s*([\d.\-]+),\s*([\d.\-]+),\s*([\d.\-]+),\s*([\d.\-]+),\s*([\d.\-]+),\s*([\d.\-]+)/gi, 'matrix($1, $2, $3, $4, $5, $6)')
+    result = result.replace(/matrice-3d:\s*(.+)/gi, 'matrix3d($1)')
+    result = result.replace(/perspective:\s*([\d.]+\w*)/gi, 'perspective($1)')
     
     result = result.replace(/répéter:\s*([^,]+),\s*minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, minmax($2, $3))')
     result = result.replace(/repeter:\s*([^,]+),\s*minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, minmax($2, $3))')
+    result = result.replace(/répéter:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, $2)')
+    result = result.replace(/repeter:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, $2)')
     result = result.replace(/minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'minmax($1, $2)')
+    result = result.replace(/ajuster-contenu/gi, 'fit-content')
     
     result = result.replace(/calcul:\s*(.+)/gi, 'calc($1)')
     result = result.replace(/minimum:\s*([^,]+),\s*([^\s\)]+)/gi, 'min($1, $2)')
     result = result.replace(/maximum:\s*([^,]+),\s*([^\s\)]+)/gi, 'max($1, $2)')
     result = result.replace(/borner:\s*([^,]+),\s*([^,]+),\s*([^\s\)]+)/gi, 'clamp($1, $2, $3)')
+    result = result.replace(/sinus:\s*([\d.\-]+\w*)/gi, 'sin($1)')
+    result = result.replace(/cosinus:\s*([\d.\-]+\w*)/gi, 'cos($1)')
+    result = result.replace(/tangente:\s*([\d.\-]+\w*)/gi, 'tan($1)')
+    result = result.replace(/arcsinus:\s*([\d.\-]+)/gi, 'asin($1)')
+    result = result.replace(/arccosinus:\s*([\d.\-]+)/gi, 'acos($1)')
+    result = result.replace(/arctangente:\s*([\d.\-]+)/gi, 'atan($1)')
+    result = result.replace(/arctangente2:\s*([\d.\-]+\w*),\s*([\d.\-]+\w*)/gi, 'atan2($1, $2)')
+    result = result.replace(/racine:\s*([\d.]+)/gi, 'sqrt($1)')
+    result = result.replace(/puissance:\s*([\d.\-]+),\s*([\d.\-]+)/gi, 'pow($1, $2)')
+    result = result.replace(/exponentielle:\s*([\d.\-]+)/gi, 'exp($1)')
+    result = result.replace(/logarithme:\s*([\d.]+)/gi, 'log($1)')
+    result = result.replace(/absolu:\s*([\d.\-]+)/gi, 'abs($1)')
+    result = result.replace(/signe:\s*([\d.\-]+)/gi, 'sign($1)')
+    result = result.replace(/arrondi:\s*([\d.\-]+)/gi, 'round($1)')
+    result = result.replace(/modulo:\s*([\d.\-]+),\s*([\d.\-]+)/gi, 'mod($1, $2)')
+    result = result.replace(/reste:\s*([\d.\-]+),\s*([\d.\-]+)/gi, 'rem($1, $2)')
+    result = result.replace(/hypot:\s*(.+)/gi, 'hypot($1)')
+    
+    result = result.replace(/polygone:\s*(.+)/gi, 'polygon($1)')
+    result = result.replace(/cercle:\s*(.+)/gi, 'circle($1)')
+    result = result.replace(/ellipse:\s*(.+)/gi, 'ellipse($1)')
+    result = result.replace(/encart:\s*(.+)/gi, 'inset($1)')
+    result = result.replace(/chemin:\s*"([^"]+)"/gi, 'path("$1")')
+    
+    result = result.replace(/url:\s*"([^"]+)"/gi, 'url("$1")')
+    result = result.replace(/url:\s*'([^']+)'/gi, "url('$1')")
+    
+    result = result.replace(/aisance-cubic:\s*([\d.]+),\s*([\d.]+),\s*([\d.]+),\s*([\d.]+)/gi, 'cubic-bezier($1, $2, $3, $4)')
+    result = result.replace(/cubic-bezier:\s*([\d.]+),\s*([\d.]+),\s*([\d.]+),\s*([\d.]+)/gi, 'cubic-bezier($1, $2, $3, $4)')
+    result = result.replace(/etapes:\s*(\d+),\s*([^)]+)/gi, 'steps($1, $2)')
+    result = result.replace(/étapes:\s*(\d+),\s*([^)]+)/gi, 'steps($1, $2)')
+    result = result.replace(/ressort:\s*([\d.]+),\s*([\d.]+),\s*([\d.]+)/gi, 'spring($1, $2, $3)')
+    
+    result = result.replace(/compteur:\s*([\w\-]+)/gi, 'counter($1)')
+    result = result.replace(/compteurs:\s*([\w\-]+)/gi, 'counters($1)')
+    result = result.replace(/attr:\s*([\w\-]+)/gi, 'attr($1)')
     
-    if (result.includes('linear-gradient(') || result.includes('radial-gradient(') || result.includes('conic-gradient(')) {
+    result = result.replace(/ancre:\s*(.+)/gi, 'anchor($1)')
+    
+    if (result.includes('linear-gradient(') || result.includes('radial-gradient(') || result.includes('conic-gradient(') ||
+        result.includes('repeating-linear-gradient(') || result.includes('repeating-radial-gradient(') || result.includes('repeating-conic-gradient(')) {
       if (!result.endsWith(')')) {
         result = result + ')'
       }
@@ -717,7 +1022,38 @@ class CSSGenerator {
       'prune': 'plum',
       'chocolat': 'chocolate',
       'transparent': 'transparent',
-      'marron': 'brown'
+      'marron': 'brown',
+      'aqua': 'aqua',
+      'citron': 'lemonchiffon',
+      'neige': 'snow',
+      'lin': 'linen',
+      'ble': 'wheat',
+      'blé': 'wheat',
+      'tomate': 'tomato',
+      'fuchsia': 'fuchsia',
+      'lime': 'lime',
+      'teal': 'teal',
+      'ardoise': 'slategray',
+      'acier': 'steelblue',
+      'azur': 'azure',
+      'menthe': 'mintcream',
+      'miel': 'honeydew',
+      'coquillage': 'seashell',
+      'peche': 'peachpuff',
+      'pêche': 'peachpuff',
+      'papaye': 'papayawhip',
+      'mais': 'cornsilk',
+      'maïs': 'cornsilk',
+      'florale': 'floralwhite',
+      'fantome': 'ghostwhite',
+      'fantôme': 'ghostwhite',
+      'ancien-blanc': 'antiquewhite',
+      'amande': 'blanchedalmond',
+      'bisque': 'bisque',
+      'mocassin': 'moccasin',
+      'navajo': 'navajowhite',
+      'actuel': 'currentColor',
+      'courant': 'currentColor'
     }
 
     const shadeMap = {
@@ -731,6 +1067,14 @@ class CSSGenerator {
       'bleu pale': 'lightsteelblue',
       'bleu pâle': 'lightsteelblue',
       'bleu vif': 'royalblue',
+      'bleu ciel': 'skyblue',
+      'bleu acier': 'steelblue',
+      'bleu poudre': 'powderblue',
+      'bleu ardoise': 'slateblue',
+      'bleu cadet': 'cadetblue',
+      'bleu dodger': 'dodgerblue',
+      'bleu royal': 'royalblue',
+      'bleu nuit': 'midnightblue',
       'vert clair': 'lightgreen',
       'vert fonce': 'darkgreen',
       'vert foncé': 'darkgreen',
@@ -741,6 +1085,13 @@ class CSSGenerator {
       'vert pale': 'palegreen',
       'vert pâle': 'palegreen',
       'vert vif': 'limegreen',
+      'vert mer': 'seagreen',
+      'vert olive': 'olivedrab',
+      'vert foret': 'forestgreen',
+      'vert forêt': 'forestgreen',
+      'vert printemps': 'springgreen',
+      'vert gazon': 'lawngreen',
+      'vert chartreuse': 'chartreuse',
       'rouge clair': 'lightcoral',
       'rouge fonce': 'darkred',
       'rouge foncé': 'darkred',
@@ -751,12 +1102,15 @@ class CSSGenerator {
       'rouge pale': 'lightpink',
       'rouge pâle': 'lightpink',
       'rouge vif': 'crimson',
+      'rouge indien': 'indianred',
+      'rouge brique': 'firebrick',
       'jaune clair': 'lightyellow',
       'jaune fonce': 'darkgoldenrod',
       'jaune foncé': 'darkgoldenrod',
       'jaune pale': 'lemonchiffon',
       'jaune pâle': 'lemonchiffon',
       'jaune vif': 'gold',
+      'jaune vert': 'yellowgreen',
       'gris clair': 'lightgray',
       'gris fonce': 'darkgray',
       'gris foncé': 'darkgray',
@@ -764,10 +1118,12 @@ class CSSGenerator {
       'gris très clair': 'whitesmoke',
       'gris tres fonce': 'dimgray',
       'gris très foncé': 'dimgray',
+      'gris ardoise': 'slategray',
       'violet clair': 'plum',
       'violet fonce': 'darkviolet',
       'violet foncé': 'darkviolet',
       'violet vif': 'blueviolet',
+      'violet moyen': 'mediumvioletred',
       'orange clair': 'lightsalmon',
       'orange fonce': 'darkorange',
       'orange foncé': 'darkorange',
@@ -776,6 +1132,8 @@ class CSSGenerator {
       'rose fonce': 'hotpink',
       'rose foncé': 'hotpink',
       'rose vif': 'deeppink',
+      'rose profond': 'deeppink',
+      'rose chaud': 'hotpink',
       'cyan clair': 'lightcyan',
       'cyan fonce': 'darkcyan',
       'cyan foncé': 'darkcyan'
@@ -803,6 +1161,10 @@ class CSSGenerator {
       'hériter': 'inherit',
       'heriter': 'inherit',
       'initial': 'initial',
+      'non-défini': 'unset',
+      'non-defini': 'unset',
+      'revenir': 'revert',
+      'revenir-couche': 'revert-layer',
       'caché': 'hidden',
       'cache': 'hidden',
       'visible': 'visible',
@@ -820,6 +1182,7 @@ class CSSGenerator {
       'collante': 'sticky',
       'centre': 'center',
       'centré': 'center',
+      'centrée': 'center',
       'début': 'flex-start',
       'debut': 'flex-start',
       'fin': 'flex-end',
@@ -829,6 +1192,7 @@ class CSSGenerator {
       'espace autour': 'space-around',
       'espace-égal': 'space-evenly',
       'espace egal': 'space-evenly',
+      'espace-egal': 'space-evenly',
       'étirer': 'stretch',
       'etirer': 'stretch',
       'ligne': 'row',
@@ -838,24 +1202,67 @@ class CSSGenerator {
       'colonne-inverse': 'column-reverse',
       'colonne inverse': 'column-reverse',
       'envelopper': 'wrap',
+      'enveloppe': 'wrap',
+      'inverse-enveloppe': 'wrap-reverse',
+      'enveloppe-inverse': 'wrap-reverse',
       'sans-retour': 'nowrap',
       'sans retour': 'nowrap',
       'gras': 'bold',
       'normal': 'normal',
       'italique': 'italic',
+      'oblique': 'oblique',
       'souligné': 'underline',
       'souligne': 'underline',
+      'souligner': 'underline',
       'barré': 'line-through',
       'barre': 'line-through',
+      'surligner': 'overline',
+      'surligné': 'overline',
       'majuscules': 'uppercase',
       'minuscules': 'lowercase',
       'capitaliser': 'capitalize',
+      'capitale': 'capitalize',
       'pointeur': 'pointer',
       'attente': 'wait',
       'interdit': 'not-allowed',
+      'texte': 'text',
+      'croix': 'crosshair',
+      'deplacer': 'move',
+      'déplacer': 'move',
+      'aide': 'help',
+      'progres': 'progress',
+      'progrès': 'progress',
+      'cellule': 'cell',
+      'copier': 'copy',
+      'alias': 'alias',
+      'menu-contextuel': 'context-menu',
+      'menu contextuel': 'context-menu',
+      'pas-abandonne': 'no-drop',
+      'pas-deplace': 'no-drop',
+      'saisir': 'grab',
+      'saisi': 'grabbing',
+      'tout-defiler': 'all-scroll',
+      'zoom-avant': 'zoom-in',
+      'zoom-arriere': 'zoom-out',
+      'redim-e': 'e-resize',
+      'redim-n': 'n-resize',
+      'redim-ne': 'ne-resize',
+      'redim-nw': 'nw-resize',
+      'redim-s': 's-resize',
+      'redim-se': 'se-resize',
+      'redim-sw': 'sw-resize',
+      'redim-w': 'w-resize',
+      'redim-ew': 'ew-resize',
+      'redim-ns': 'ns-resize',
+      'redim-nesw': 'nesw-resize',
+      'redim-nwse': 'nwse-resize',
+      'redim-col': 'col-resize',
+      'redim-ligne': 'row-resize',
       'couvrir': 'cover',
       'contenir': 'contain',
       'remplir': 'fill',
+      'aucune-echelle': 'scale-down',
+      'aucune-échelle': 'scale-down',
       'bloc': 'block',
       'en-ligne': 'inline',
       'en ligne': 'inline',
@@ -866,31 +1273,69 @@ class CSSGenerator {
       'grille': 'grid',
       'grille-en-ligne': 'inline-grid',
       'grille en ligne': 'inline-grid',
+      'flux': 'flow',
+      'flux-racine': 'flow-root',
+      'table': 'table',
+      'tableau-en-ligne': 'inline-table',
+      'élément-liste': 'list-item',
+      'element-liste': 'list-item',
+      'contenu': 'contents',
       'préservé': 'pre',
       'preserve': 'pre',
       'pré-ligne': 'pre-line',
       'pre-ligne': 'pre-line',
       'pré-enveloppe': 'pre-wrap',
       'pre-enveloppe': 'pre-wrap',
+      'equilibrer': 'balance',
+      'équilibrer': 'balance',
+      'equilibre': 'balance',
+      'équilibre': 'balance',
+      'joli': 'pretty',
       'solide': 'solid',
       'pointillée': 'dotted',
       'pointillee': 'dotted',
+      'pointille': 'dotted',
       'tirets': 'dashed',
       'double': 'double',
+      'rainure': 'groove',
+      'rainuree': 'groove',
+      'rainurée': 'groove',
+      'crete': 'ridge',
+      'crête': 'ridge',
+      'insertion': 'inset',
+      'extension': 'outset',
       'tout': 'all',
       'ease': 'ease',
+      'aisance': 'ease',
       'ease-in': 'ease-in',
+      'aisance-entree': 'ease-in',
+      'aisance-entrée': 'ease-in',
       'ease-out': 'ease-out',
+      'aisance-sortie': 'ease-out',
       'ease-in-out': 'ease-in-out',
+      'aisance-entree-sortie': 'ease-in-out',
+      'aisance-entrée-sortie': 'ease-in-out',
       'linéaire': 'linear',
       'lineaire': 'linear',
+      'etape-debut': 'step-start',
+      'étape-début': 'step-start',
+      'etape-fin': 'step-end',
+      'étape-fin': 'step-end',
       'infini': 'infinite',
       'alternatif': 'alternate',
       'inverse': 'reverse',
+      'alternatif-inverse': 'alternate-reverse',
       'alternatif inverse': 'alternate-reverse',
+      'en-avant': 'forwards',
       'en avant': 'forwards',
+      'en-arriere': 'backwards',
       'en arriere': 'backwards',
+      'les-deux': 'both',
       'les deux': 'both',
+      'en-pause': 'paused',
+      'en pause': 'paused',
+      'en-cours': 'running',
+      'en cours': 'running',
       'bordure-boite': 'border-box',
       'boite-bordure': 'border-box',
       'boite bordure': 'border-box',
@@ -904,11 +1349,11 @@ class CSSGenerator {
       'boite contenu': 'content-box',
       'contenu-boite': 'content-box',
       'remplissage-boite': 'padding-box',
-      'en pause': 'paused',
-      'en cours': 'running',
+      'remplissage-boîte': 'padding-box',
+      'remplissage boite': 'padding-box',
+      'remplissage boîte': 'padding-box',
       'ombre': 'box-shadow',
       'transformation': 'transform',
-      'souligner': 'underline',
       'transformer': 'transform',
       'fond': 'background',
       'couleur': 'color',
@@ -918,7 +1363,147 @@ class CSSGenerator {
       'largeur': 'width',
       'hauteur': 'height',
       'marge': 'margin',
-      'remplissage': 'padding'
+      'remplissage': 'padding',
+      'gauche': 'left',
+      'droite': 'right',
+      'centrer': 'center',
+      'justifié': 'justify',
+      'justifie': 'justify',
+      'haut': 'top',
+      'bas': 'bottom',
+      'repeter': 'repeat',
+      'répéter': 'repeat',
+      'repeter-x': 'repeat-x',
+      'répéter-x': 'repeat-x',
+      'repeter-y': 'repeat-y',
+      'répéter-y': 'repeat-y',
+      'pas-repeter': 'no-repeat',
+      'pas-répéter': 'no-repeat',
+      'ne-pas-repeter': 'no-repeat',
+      'ne-pas-répéter': 'no-repeat',
+      'etirer': 'stretch',
+      'arrondi': 'round',
+      'espace': 'space',
+      'local': 'local',
+      'vers-haut': 'to top',
+      'vers-bas': 'to bottom',
+      'vers-gauche': 'to left',
+      'vers-droite': 'to right',
+      'vers haut': 'to top',
+      'vers bas': 'to bottom',
+      'vers gauche': 'to left',
+      'vers droite': 'to right',
+      'cercle': 'circle',
+      'ellipse': 'ellipse',
+      'le-plus-proche': 'closest-side',
+      'le-plus-loin': 'farthest-side',
+      'coin-proche': 'closest-corner',
+      'coin-loin': 'farthest-corner',
+      'au-coin-proche': 'at closest-corner',
+      'au-coin-loin': 'at farthest-corner',
+      'dense': 'dense',
+      'ligne-dense': 'row dense',
+      'colonne-dense': 'column dense',
+      'auto-remplir': 'auto-fill',
+      'auto-ajuster': 'auto-fit',
+      'sous-grille': 'subgrid',
+      'maconnerie': 'masonry',
+      'maçonnerie': 'masonry',
+      'disque': 'disc',
+      'point': 'disc',
+      'cercle-liste': 'circle',
+      'carre': 'square',
+      'carré': 'square',
+      'decimale': 'decimal',
+      'décimale': 'decimal',
+      'decimale-zeros': 'decimal-leading-zero',
+      'decimale-zéros': 'decimal-leading-zero',
+      'décimale-zéros': 'decimal-leading-zero',
+      'romain-minuscule': 'lower-roman',
+      'romain-majuscule': 'upper-roman',
+      'lettre-minuscule': 'lower-alpha',
+      'lettre-majuscule': 'upper-alpha',
+      'grec-minuscule': 'lower-greek',
+      'interieur': 'inside',
+      'intérieur': 'inside',
+      'exterieur': 'outside',
+      'extérieur': 'outside',
+      'fusionner': 'collapse',
+      'separer': 'separate',
+      'séparer': 'separate',
+      'horizontal': 'horizontal-tb',
+      'vertical-droite': 'vertical-rl',
+      'vertical-gauche': 'vertical-lr',
+      'ltr': 'ltr',
+      'rtl': 'rtl',
+      'melange': 'mixed',
+      'mélange': 'mixed',
+      'droit': 'upright',
+      'sideways': 'sideways',
+      'les-deux-sens': 'both',
+      'horizontal-seulement': 'horizontal',
+      'vertical-seulement': 'vertical',
+      'x-obligatoire': 'x mandatory',
+      'y-obligatoire': 'y mandatory',
+      'x-proximite': 'x proximity',
+      'x-proximité': 'x proximity',
+      'y-proximite': 'y proximity',
+      'y-proximité': 'y proximity',
+      'les-deux-obligatoire': 'both mandatory',
+      'les-deux-proximite': 'both proximity',
+      'les-deux-proximité': 'both proximity',
+      'toujours': 'always',
+      'conserver': 'contain',
+      'lisse': 'smooth',
+      'automatique': 'auto',
+      'fine': 'thin',
+      'épaisse': 'thick',
+      'epaisse': 'thick',
+      'eviter': 'avoid',
+      'éviter': 'avoid',
+      'eviter-page': 'avoid-page',
+      'éviter-page': 'avoid-page',
+      'eviter-colonne': 'avoid-column',
+      'éviter-colonne': 'avoid-column',
+      'page': 'page',
+      'clair': 'light',
+      'sombre': 'dark',
+      'plat': 'flat',
+      'preserver-3d': 'preserve-3d',
+      'préserver-3d': 'preserve-3d',
+      'strict': 'strict',
+      'contenu-strict': 'content',
+      'taille': 'size',
+      'disposition': 'layout',
+      'style': 'style',
+      'peinture': 'paint',
+      'isoler': 'isolate',
+      'auto-isoler': 'auto'
+    }
+
+    const blendModes = {
+      'multiplier': 'multiply',
+      'ecran': 'screen',
+      'écran': 'screen',
+      'superposition': 'overlay',
+      'assombrir': 'darken',
+      'eclaircir': 'lighten',
+      'éclaircir': 'lighten',
+      'esquive-couleur': 'color-dodge',
+      'brulure-couleur': 'color-burn',
+      'brûlure-couleur': 'color-burn',
+      'lumiere-vive': 'hard-light',
+      'lumière-vive': 'hard-light',
+      'lumiere-douce': 'soft-light',
+      'lumière-douce': 'soft-light',
+      'difference': 'difference',
+      'différence': 'difference',
+      'exclusion': 'exclusion',
+      'teinte-mode': 'hue',
+      'saturation-mode': 'saturation',
+      'couleur-mode': 'color',
+      'luminosite-mode': 'luminosity',
+      'luminosité-mode': 'luminosity'
     }
 
     const filterFunctions = {
@@ -954,6 +1539,11 @@ class CSSGenerator {
       result = result.replace(regex, `${en}(`)
     }
     
+    for (const [fr, en] of Object.entries(blendModes)) {
+      const regex = new RegExp(`(?<![a-zA-ZÀ-ÿ])${fr}(?![a-zA-ZÀ-ÿ])`, 'gi')
+      result = result.replace(regex, en)
+    }
+    
     for (const [fr, en] of Object.entries(keywords)) {
       const regex = new RegExp(`(?<![a-zA-ZÀ-ÿ])${fr}(?![a-zA-ZÀ-ÿ])`, 'gi')
       result = result.replace(regex, en)
@@ -1019,6 +1609,11 @@ class CSSGenerator {
       'marge-droite': 'margin-right',
       'marge dedans': 'padding',
       'marge-dedans': 'padding',
+      'marge intérieure': 'padding',
+      'marge-intérieure': 'padding',
+      'marge interieure': 'padding',
+      'marge-interieure': 'padding',
+      'padding': 'padding',
       'remplissage': 'padding',
       'remplissage haut': 'padding-top',
       'remplissage-haut': 'padding-top',
@@ -1054,6 +1649,10 @@ class CSSGenerator {
       'rayon bordure': 'border-radius',
       'bordure-arrondie': 'border-radius',
       'bordure arrondie': 'border-radius',
+      'coins arrondis': 'border-radius',
+      'coins-arrondis': 'border-radius',
+      'bords arrondis': 'border-radius',
+      'bords-arrondis': 'border-radius',
       'largeur': 'width',
       'hauteur': 'height',
       'largeur minimum': 'min-width',
@@ -1069,6 +1668,7 @@ class CSSGenerator {
       'hauteur-maximum': 'max-height',
       'max-hauteur': 'max-height',
       'affichage': 'display',
+      'afficher': 'display',
       'position': 'position',
       'haut': 'top',
       'bas': 'bottom',
@@ -1088,6 +1688,7 @@ class CSSGenerator {
       'transition': 'transition',
       'animation': 'animation',
       'transformation': 'transform',
+      'transformer': 'transform',
       'origine transformation': 'transform-origin',
       'origine-transformation': 'transform-origin',
       'style transformation': 'transform-style',
@@ -1104,6 +1705,7 @@ class CSSGenerator {
       'ombre-boite': 'box-shadow',
       'ombre boîte': 'box-shadow',
       'ombre boite': 'box-shadow',
+      'ombrage': 'box-shadow',
       'modèle-boîte': 'box-sizing',
       'modele-boite': 'box-sizing',
       'modèle boîte': 'box-sizing',
@@ -1113,6 +1715,8 @@ class CSSGenerator {
       'espace-ligne': 'row-gap',
       'espace colonne': 'column-gap',
       'espace-colonne': 'column-gap',
+      'ecart': 'gap',
+      'écart': 'gap',
       'justifier-contenu': 'justify-content',
       'justifier contenu': 'justify-content',
       'aligner-éléments': 'align-items',
@@ -1153,9 +1757,8 @@ class CSSGenerator {
       'style': 'font-style',
       'alignement': 'text-align',
       'decoration': 'text-decoration',
+      'décoration': 'text-decoration',
       'ombre': 'box-shadow',
-      'ecart': 'gap',
-      'écart': 'gap',
       'direction': 'flex-direction',
       'envelopper': 'flex-wrap',
       'justifier': 'justify-content',
@@ -1163,8 +1766,12 @@ class CSSGenerator {
       'visibilite': 'visibility',
       'visibilité': 'visibility',
       'redimensionnement': 'resize',
+      'redim': 'resize',
       'apparence': 'appearance',
-      'contour': 'outline'
+      'contour': 'outline',
+      'arriere-plan': 'background',
+      'arrière-plan': 'background',
+      'teinte': 'color'
     }
 
     const lower = text.toLowerCase()
@@ -1191,32 +1798,90 @@ class CSSGenerator {
     result = result.replace(/::sélection\b/gi, '::selection')
     result = result.replace(/::selection\b/gi, '::selection')
     result = result.replace(/::marqueur\b/gi, '::marker')
+    result = result.replace(/::espace-réservé\b/gi, '::placeholder')
+    result = result.replace(/::espace-reserve\b/gi, '::placeholder')
+    result = result.replace(/::fond-dialogue\b/gi, '::backdrop')
+    result = result.replace(/::repère\b/gi, '::cue')
+    result = result.replace(/::repere\b/gi, '::cue')
+    result = result.replace(/::partie\s*\(\s*([^)]+)\s*\)/gi, '::part($1)')
+    result = result.replace(/::fendu\s*\(\s*([^)]+)\s*\)/gi, '::slotted($1)')
     
     result = result.replace(/\bau survol\b/gi, ':hover')
     result = result.replace(/\bquand survolé\b/gi, ':hover')
     result = result.replace(/\bquand survole\b/gi, ':hover')
     result = result.replace(/\ben survol\b/gi, ':hover')
+    result = result.replace(/:survol\b/gi, ':hover')
     result = result.replace(/\bau clic\b/gi, ':active')
     result = result.replace(/\bquand cliqué\b/gi, ':active')
     result = result.replace(/\bquand clique\b/gi, ':active')
     result = result.replace(/\ben clic\b/gi, ':active')
-    result = result.replace(/\bactif\b/gi, ':active')
+    result = result.replace(/:actif\b/gi, ':active')
     result = result.replace(/\bau focus\b/gi, ':focus')
     result = result.replace(/\bquand focalisé\b/gi, ':focus')
     result = result.replace(/\bquand focalise\b/gi, ':focus')
     result = result.replace(/\ben focus\b/gi, ':focus')
+    result = result.replace(/:focus\b/gi, ':focus')
     result = result.replace(/\bau focus dans\b/gi, ':focus-within')
+    result = result.replace(/:focus-dans\b/gi, ':focus-within')
+    result = result.replace(/:focus-visible\b/gi, ':focus-visible')
     result = result.replace(/\bvisité\b/gi, ':visited')
     result = result.replace(/\bvisite\b/gi, ':visited')
+    result = result.replace(/:visité\b/gi, ':visited')
+    result = result.replace(/:visite\b/gi, ':visited')
+    result = result.replace(/:lien\b/gi, ':link')
+    result = result.replace(/:cible\b/gi, ':target')
+    result = result.replace(/:désactivé\b/gi, ':disabled')
+    result = result.replace(/:desactive\b/gi, ':disabled')
+    result = result.replace(/:activé\b/gi, ':enabled')
+    result = result.replace(/:active\b/gi, ':enabled')
+    result = result.replace(/:vérifié\b/gi, ':checked')
+    result = result.replace(/:verifie\b/gi, ':checked')
+    result = result.replace(/:requis\b/gi, ':required')
+    result = result.replace(/:optionnel\b/gi, ':optional')
+    result = result.replace(/:valide\b/gi, ':valid')
+    result = result.replace(/:invalide\b/gi, ':invalid')
+    result = result.replace(/:lecture-seule\b/gi, ':read-only')
+    result = result.replace(/:lecture-écriture\b/gi, ':read-write')
+    result = result.replace(/:lecture-ecriture\b/gi, ':read-write')
+    result = result.replace(/:dans-plage\b/gi, ':in-range')
+    result = result.replace(/:hors-plage\b/gi, ':out-of-range')
+    result = result.replace(/:vide\b/gi, ':empty')
+    result = result.replace(/:modal\b/gi, ':modal')
+    result = result.replace(/:plein-écran\b/gi, ':fullscreen')
+    result = result.replace(/:plein-ecran\b/gi, ':fullscreen')
+    result = result.replace(/:espace-réservé-affiché\b/gi, ':placeholder-shown')
+    result = result.replace(/:espace-reserve-affiche\b/gi, ':placeholder-shown')
+    result = result.replace(/:défaut\b/gi, ':default')
+    result = result.replace(/:defaut\b/gi, ':default')
+    result = result.replace(/:indéterminé\b/gi, ':indeterminate')
+    result = result.replace(/:indetermine\b/gi, ':indeterminate')
     
-    result = result.replace(/\s+(:hover|:active|:focus|:focus-within|:visited|:checked|:disabled|:enabled|:required|:optional|:valid|:invalid|:empty|:target)/gi, '$1')
+    result = result.replace(/:a\s*\(\s*([^)]+)\s*\)/gi, ':has($1)')
+    result = result.replace(/:est\s*\(\s*([^)]+)\s*\)/gi, ':is($1)')
+    result = result.replace(/:où\s*\(\s*([^)]+)\s*\)/gi, ':where($1)')
+    result = result.replace(/:ou\s*\(\s*([^)]+)\s*\)/gi, ':where($1)')
+    result = result.replace(/:non\s*\(\s*([^)]+)\s*\)/gi, ':not($1)')
+    
+    result = result.replace(/\s+(:hover|:active|:focus|:focus-within|:focus-visible|:visited|:checked|:disabled|:enabled|:required|:optional|:valid|:invalid|:empty|:target|:link|:read-only|:read-write|:in-range|:out-of-range|:modal|:fullscreen|:placeholder-shown|:default|:indeterminate)/gi, '$1')
+    result = result.replace(/:premier-enfant\b/gi, ':first-child')
     result = result.replace(/\bpremier enfant\b/gi, ':first-child')
+    result = result.replace(/:dernier-enfant\b/gi, ':last-child')
     result = result.replace(/\bdernier enfant\b/gi, ':last-child')
+    result = result.replace(/:nième-enfant\s*\(\s*([^)]+)\s*\)/gi, ':nth-child($1)')
+    result = result.replace(/:nieme-enfant\s*\(\s*([^)]+)\s*\)/gi, ':nth-child($1)')
+    result = result.replace(/:nième-dernier-enfant\s*\(\s*([^)]+)\s*\)/gi, ':nth-last-child($1)')
+    result = result.replace(/:nieme-dernier-enfant\s*\(\s*([^)]+)\s*\)/gi, ':nth-last-child($1)')
     result = result.replace(/\benfant impair\b/gi, ':nth-child(odd)')
     result = result.replace(/\benfant pair\b/gi, ':nth-child(even)')
+    result = result.replace(/:premier-type\b/gi, ':first-of-type')
     result = result.replace(/\bpremier de type\b/gi, ':first-of-type')
+    result = result.replace(/:dernier-type\b/gi, ':last-of-type')
     result = result.replace(/\bdernier de type\b/gi, ':last-of-type')
+    result = result.replace(/:nième-type\s*\(\s*([^)]+)\s*\)/gi, ':nth-of-type($1)')
+    result = result.replace(/:nieme-type\s*\(\s*([^)]+)\s*\)/gi, ':nth-of-type($1)')
+    result = result.replace(/:enfant-unique\b/gi, ':only-child')
     result = result.replace(/\benfant unique\b/gi, ':only-child')
+    result = result.replace(/:type-unique\b/gi, ':only-of-type')
     result = result.replace(/\bunique de type\b/gi, ':only-of-type')
     result = result.replace(/\bvide\b/gi, ':empty')
     result = result.replace(/\bcible\b/gi, ':target')
@@ -1285,21 +1950,34 @@ class CSSGenerator {
     result = result.replace(/\bportee\b/gi, 'span')
     result = result.replace(/\bpréformaté\b/gi, 'pre')
     result = result.replace(/\bpreformate\b/gi, 'pre')
+    result = result.replace(/\bcode\b/gi, 'code')
     result = result.replace(/\bétiquette\b/gi, 'label')
     result = result.replace(/\betiquette\b/gi, 'label')
     result = result.replace(/\bsélection\b/gi, 'select')
     result = result.replace(/\bselection\b/gi, 'select')
+    result = result.replace(/\boption\b/gi, 'option')
     result = result.replace(/\bterme\b/gi, 'dt')
     result = result.replace(/\bdéfinition\b/gi, 'dd')
     result = result.replace(/\bdefinition\b/gi, 'dd')
     result = result.replace(/\brésumé\b/gi, 'summary')
     result = result.replace(/\bresume\b/gi, 'summary')
+    result = result.replace(/\bdétails\b/gi, 'details')
+    result = result.replace(/\bdetails\b/gi, 'details')
     result = result.replace(/\bpetit\b/gi, 'small')
     result = result.replace(/\badresse\b/gi, 'address')
     result = result.replace(/\blégende\b/gi, 'legend')
     result = result.replace(/\blegende\b/gi, 'legend')
     result = result.replace(/\bfigure\b/gi, 'figure')
     result = result.replace(/\bligne\b/gi, 'tr')
+    result = result.replace(/\bvideo\b/gi, 'video')
+    result = result.replace(/\bvidéo\b/gi, 'video')
+    result = result.replace(/\baudio\b/gi, 'audio')
+    result = result.replace(/\bcanevas\b/gi, 'canvas')
+    result = result.replace(/\bdialogue\b/gi, 'dialog')
+    result = result.replace(/\btemps\b/gi, 'time')
+    result = result.replace(/\bprogression\b/gi, 'progress')
+    result = result.replace(/\bjauge\b/gi, 'meter')
+    result = result.replace(/\bsortie\b/gi, 'output')
 
     for (let i = 0; i < preserved.length; i++) {
       result = result.replace(`__PRESERVED_${i}__`, preserved[i])
@@ -1313,6 +1991,7 @@ class CSSGenerator {
 
     const unitMap = {
       'px': 'px',
+      'points': 'px',
       'em': 'em',
       'rem': 'rem',
       'pourcent': '%',
@@ -1321,16 +2000,61 @@ class CSSGenerator {
       'vh': 'vh',
       'vmin': 'vmin',
       'vmax': 'vmax',
+      'svw': 'svw',
+      'svh': 'svh',
+      'lvw': 'lvw',
+      'lvh': 'lvh',
+      'dvw': 'dvw',
+      'dvh': 'dvh',
+      'cqw': 'cqw',
+      'cqh': 'cqh',
+      'cqi': 'cqi',
+      'cqb': 'cqb',
+      'cqmin': 'cqmin',
+      'cqmax': 'cqmax',
       'ch': 'ch',
       'ex': 'ex',
       'cm': 'cm',
       'mm': 'mm',
+      'in': 'in',
       'pt': 'pt',
       'pc': 'pc',
       'deg': 'deg',
+      'rad': 'rad',
+      'grad': 'grad',
+      'turn': 'turn',
       's': 's',
       'ms': 'ms',
-      'fr': 'fr'
+      'fr': 'fr',
+      'degrés': 'deg',
+      'degres': 'deg',
+      'radians': 'rad',
+      'tours': 'turn',
+      'grades': 'grad',
+      'secondes': 's',
+      'millisecondes': 'ms',
+      'centimètres': 'cm',
+      'centimetres': 'cm',
+      'millimètres': 'mm',
+      'millimetres': 'mm',
+      'pouces': 'in',
+      'picas': 'pc',
+      'caractère': 'ch',
+      'caractere': 'ch',
+      'écran largeur': 'vw',
+      'ecran largeur': 'vw',
+      'écran hauteur': 'vh',
+      'ecran hauteur': 'vh',
+      'écran min': 'vmin',
+      'ecran min': 'vmin',
+      'écran max': 'vmax',
+      'ecran max': 'vmax',
+      'conteneur largeur': 'cqw',
+      'conteneur hauteur': 'cqh',
+      'conteneur inline': 'cqi',
+      'conteneur bloc': 'cqb',
+      'conteneur min': 'cqmin',
+      'conteneur max': 'cqmax'
     }
 
     let result = value
@@ -1401,6 +2125,18 @@ class CSSGenerator {
       case 'import':
         this.generateImport(node)
         break
+      case 'Container':
+      case 'container':
+        this.generateContainer(node)
+        break
+      case 'Layer':
+      case 'layer':
+        this.generateLayer(node)
+        break
+      case 'Supports':
+      case 'supports':
+        this.generateSupports(node)
+        break
       case 'Comment':
       case 'comment':
         break
@@ -1473,7 +2209,18 @@ class CSSGenerator {
       'box-decoration-break',
       'text-stroke',
       'text-stroke-width',
-      'text-stroke-color'
+      'text-stroke-color',
+      'text-fill-color',
+      'mask',
+      'mask-image',
+      'mask-clip',
+      'mask-mode',
+      'mask-origin',
+      'mask-position',
+      'mask-repeat',
+      'mask-size',
+      'mask-type',
+      'mask-composite'
     ]
 
     if (needsWebkitPrefix.includes(property) && !property.startsWith('-webkit-')) {
@@ -1567,6 +2314,7 @@ class CSSGenerator {
     result = result.replace(/écran/gi, 'screen')
     result = result.replace(/ecran/gi, 'screen')
     result = result.replace(/imprimante/gi, 'print')
+    result = result.replace(/impression/gi, 'print')
     result = result.replace(/tous/gi, 'all')
     result = result.replace(/largeur-min/gi, 'min-width')
     result = result.replace(/largeur min/gi, 'min-width')
@@ -1583,6 +2331,18 @@ class CSSGenerator {
     result = result.replace(/orientation/gi, 'orientation')
     result = result.replace(/paysage/gi, 'landscape')
     result = result.replace(/portrait/gi, 'portrait')
+    result = result.replace(/préfère sombre/gi, 'prefers-color-scheme: dark')
+    result = result.replace(/prefere sombre/gi, 'prefers-color-scheme: dark')
+    result = result.replace(/préfère clair/gi, 'prefers-color-scheme: light')
+    result = result.replace(/prefere clair/gi, 'prefers-color-scheme: light')
+    result = result.replace(/préfère mouvement réduit/gi, 'prefers-reduced-motion: reduce')
+    result = result.replace(/prefere mouvement reduit/gi, 'prefers-reduced-motion: reduce')
+    result = result.replace(/préfère contraste élevé/gi, 'prefers-contrast: more')
+    result = result.replace(/prefere contraste eleve/gi, 'prefers-contrast: more')
+    result = result.replace(/hover disponible/gi, 'hover: hover')
+    result = result.replace(/pointeur précis/gi, 'pointer: fine')
+    result = result.replace(/pointeur precis/gi, 'pointer: fine')
+    result = result.replace(/pointeur grossier/gi, 'pointer: coarse')
     result = result.replace(/\bet\b/gi, 'and')
     result = result.replace(/\bou\b/gi, 'or')
     result = result.replace(/\bpas\b/gi, 'not')
@@ -1596,11 +2356,14 @@ class CSSGenerator {
 
     const plusPetitMatch = condition.match(/plus petit que\s+([\d.]+\w*)/i)
     const plusGrandMatch = condition.match(/plus grand que\s+([\d.]+\w*)/i)
-    const inferieurMatch = condition.match(/inférieur[e]?\s+a\s+([\d.]+\w*)/i) || condition.match(/inferieur[e]?\s+a\s+([\d.]+\w*)/i)
-    const superieurMatch = condition.match(/supérieur[e]?\s+a\s+([\d.]+\w*)/i) || condition.match(/superieur[e]?\s+a\s+([\d.]+\w*)/i)
-    const egalMatch = condition.match(/égal[e]?\s+a\s+([\d.]+\w*)/i) || condition.match(/egal[e]?\s+a\s+([\d.]+\w*)/i)
+    const inferieurMatch = condition.match(/inférieur[e]?\s+[àa]\s+([\d.]+\w*)/i) || condition.match(/inferieur[e]?\s+a\s+([\d.]+\w*)/i)
+    const superieurMatch = condition.match(/supérieur[e]?\s+[àa]\s+([\d.]+\w*)/i) || condition.match(/superieur[e]?\s+a\s+([\d.]+\w*)/i)
+    const egalMatch = condition.match(/égal[e]?\s+[àa]\s+([\d.]+\w*)/i) || condition.match(/egal[e]?\s+a\s+([\d.]+\w*)/i)
     const simpleInfMatch = condition.match(/<\s*([\d.]+\w*)/i)
     const simpleSupMatch = condition.match(/>\s*([\d.]+\w*)/i)
+    const simpleInfEqMatch = condition.match(/<=\s*([\d.]+\w*)/i)
+    const simpleSupEqMatch = condition.match(/>=\s*([\d.]+\w*)/i)
+    const simpleEqMatch = condition.match(/=\s*([\d.]+\w*)/i)
 
     if (plusPetitMatch) {
       query = `(max-width: ${plusPetitMatch[1]})`
@@ -1612,10 +2375,20 @@ class CSSGenerator {
       query = `(min-width: ${superieurMatch[1]})`
     } else if (egalMatch) {
       query = `(width: ${egalMatch[1]})`
+    } else if (simpleInfEqMatch) {
+      query = `(max-width: ${simpleInfEqMatch[1]})`
+    } else if (simpleSupEqMatch) {
+      query = `(min-width: ${simpleSupEqMatch[1]})`
     } else if (simpleInfMatch) {
-      query = `(max-width: ${simpleInfMatch[1]})`
+      const val = parseInt(simpleInfMatch[1])
+      const unit = simpleInfMatch[1].replace(/[\d.]+/, '')
+      query = `(max-width: ${val - 1}${unit || 'px'})`
     } else if (simpleSupMatch) {
-      query = `(min-width: ${simpleSupMatch[1]})`
+      const val = parseInt(simpleSupMatch[1])
+      const unit = simpleSupMatch[1].replace(/[\d.]+/, '')
+      query = `(min-width: ${val + 1}${unit || 'px'})`
+    } else if (simpleEqMatch) {
+      query = `(width: ${simpleEqMatch[1]})`
     } else {
       query = this.translateMediaQuery(condition)
     }
@@ -1633,6 +2406,93 @@ class CSSGenerator {
     this.writeLine('')
   }
 
+  generateContainer(node) {
+    let name = node.name || ''
+    let condition = node.condition || node.query || ''
+
+    condition = this.translateContainerQuery(condition)
+
+    const containerQuery = name ? `${name} ${condition}` : condition
+
+    this.writeLine(`@container ${containerQuery} {`)
+    this.indent++
+
+    const rules = node.rules || node.children || []
+    for (const rule of rules) {
+      this.generateNode(rule)
+    }
+
+    this.indent--
+    this.writeLine('}')
+    this.writeLine('')
+  }
+
+  translateContainerQuery(query) {
+    let result = query
+
+    result = result.replace(/largeur-min/gi, 'min-width')
+    result = result.replace(/largeur min/gi, 'min-width')
+    result = result.replace(/largeur-max/gi, 'max-width')
+    result = result.replace(/largeur max/gi, 'max-width')
+    result = result.replace(/hauteur-min/gi, 'min-height')
+    result = result.replace(/hauteur min/gi, 'min-height')
+    result = result.replace(/hauteur-max/gi, 'max-height')
+    result = result.replace(/hauteur max/gi, 'max-height')
+    result = result.replace(/\bet\b/gi, 'and')
+    result = result.replace(/\bou\b/gi, 'or')
+    result = result.replace(/\bpas\b/gi, 'not')
+
+    return result
+  }
+
+  generateLayer(node) {
+    const name = node.name || ''
+
+    if (node.rules || node.children) {
+      this.writeLine(`@layer ${name} {`)
+      this.indent++
+
+      const rules = node.rules || node.children || []
+      for (const rule of rules) {
+        this.generateNode(rule)
+      }
+
+      this.indent--
+      this.writeLine('}')
+    } else {
+      this.writeLine(`@layer ${name};`)
+    }
+    this.writeLine('')
+  }
+
+  generateSupports(node) {
+    let condition = node.condition || node.query || ''
+
+    condition = this.translateSupportsQuery(condition)
+
+    this.writeLine(`@supports ${condition} {`)
+    this.indent++
+
+    const rules = node.rules || node.children || []
+    for (const rule of rules) {
+      this.generateNode(rule)
+    }
+
+    this.indent--
+    this.writeLine('}')
+    this.writeLine('')
+  }
+
+  translateSupportsQuery(query) {
+    let result = query
+
+    result = result.replace(/\bet\b/gi, 'and')
+    result = result.replace(/\bou\b/gi, 'or')
+    result = result.replace(/\bpas\b/gi, 'not')
+
+    return result
+  }
+
   generateFontFace(node) {
     this.writeLine('@font-face {')
     this.indent++
@@ -1647,6 +2507,8 @@ class CSSGenerator {
       property = property.replace(/poids/gi, 'font-weight')
       property = property.replace(/style/gi, 'font-style')
       property = property.replace(/affichage/gi, 'font-display')
+      property = property.replace(/étendue unicode/gi, 'unicode-range')
+      property = property.replace(/etendue unicode/gi, 'unicode-range')
 
       this.writeLine(`${property}: ${value};`)
     }
@@ -1659,12 +2521,22 @@ class CSSGenerator {
   generateImport(node) {
     const url = node.url || node.path
     const media = node.media || ''
+    const layer = node.layer || ''
+    const supports = node.supports || ''
 
+    let importStatement = `@import url("${url}")`
+    
+    if (layer) {
+      importStatement += ` layer(${layer})`
+    }
+    if (supports) {
+      importStatement += ` supports(${supports})`
+    }
     if (media) {
-      this.writeLine(`@import url("${url}") ${media};`)
-    } else {
-      this.writeLine(`@import url("${url}");`)
+      importStatement += ` ${media}`
     }
+
+    this.writeLine(`${importStatement};`)
   }
 
   writeLine(text) {