@lucca-front/ng 22.0.5 → 22.0.6

package/llms/SKILL.md

@@ -0,0 +1,248 @@
+---
+name: lucca-front-22-0
+description: >
+  Design system Lucca Front / Prisme (Angular), versions 22.0.x. À charger pour tout fichier d'un projet qui dépend de @lucca-front/ng ou @lucca-front/scss,
+  ou contenant des sélecteurs lu-*, pr-* ou des directives commençant par 'lu' (ex: luButton, luTooltip, luForm).
+---
+
+# Design System Prisme — Lucca Front 22.0
+
+**RÈGLE** : Avant toute génération ou modification de code impliquant `lu-*`, `luX` ou `pr-*`, consulte la documentation du composant ci-dessous. Sans cette consultation, toute réponse est invalide.
+
+## 1. Version
+
+Cette skill couvre **Lucca Front 22.0.x** (patchs publiés : 22.0.0). La **mineure** est celle installée sur le projet — tous les chemins ci-dessous lui sont relatifs, il n'y a pas de mineure à résoudre.
+
+**Détecte le patch installé** (obligatoire, ne le suppose jamais) :
+
+1. en priorité `node_modules/@lucca-front/ng/package.json` → champ `version` (version résolue exacte, ex: `22.0.0`) ;
+2. à défaut, la dépendance `@lucca-front/ng` (ou `@lucca-front/scss`) dans le `package.json` du projet (ex: `^22.0.0` → `22.0.0`).
+
+La documentation `references/` reflète le **dernier patch publié : 22.0.0**. Si le patch du projet est **antérieur**, les correctifs livrés après sa version sont décrits dans `fixes/` (voir §2) — ils ne sont **pas** dans son code : consulte tous les `fixes/<M-m-p>.md` de version **strictement supérieure** au patch installé et ignore ces changements.
+
+**Vérifie la cohérence entre la version détectée et cette skill avant de coder.** Dans chacun de ces cas, **arrête-toi et demande à l'utilisateur** — ne suppose jamais une version, ne code pas :
+
+- la **mineure** détectée n'est pas `22.0` (ex: le projet est monté de version mais la skill n'a pas été mise à jour, ou la mauvaise skill est chargée) ;
+- le **patch** détecté est **postérieur** à 22.0.0 (dernier patch connu de cette skill → skill périmée, l'API réelle peut différer) ;
+- le patch (ou la version `@lucca-front/ng`) **ne peut pas être déterminé**.
+
+## 2. Chemins
+
+Compose le chemin du fichier à partir du slug du composant. **Ne devine jamais un chemin** : seuls les fichiers réellement présents font foi. Si un chemin composé n'existe pas, ne le remplace pas par une supposition — vérifie le slug dans la liste §6.
+
+### Composant `<slug>`
+
+| Fichier | Chemin |
+|---------|--------|
+| API Angular + Changelog | `./references/components/<slug>/<slug>.md` |
+| Exemples (Angular + HTML, stories incluses) | `./references/components/<slug>/<slug>.component.md` |
+| Design (do/don't, usage) | `https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/components/<slug>/<slug>.design.md` |
+| Figma (variantes, node IDs) | `https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/components/<slug>/<slug>.figma.md` |
+
+Le changelog du composant est la **dernière section `## Changelog`** du fichier API `<slug>.md` (diff structurel cumulatif + notes de release).
+
+### Types partagés
+
+Certaines propriétés d'API référencent un type énuméré documenté à part (ex: `LuccaIcon`, `BubbleIllustration`) :
+
+`./references/types/<TypeName>.md`
+
+Le lien exact (nom et chemin du type) est donné dans la section « Type definitions » du fichier API du composant. Tous les composants n'ont pas de types partagés.
+
+### Documentation transverse
+
+`https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/documentation/<dossier>/<slug>.md`
+
+### Outils
+
+`./references/tools/<slug>.md`
+Slugs : animations, mixins, numbers, scrollbox, utilitaires, angular-api (providers/tokens/pipes/services des packages sans composant, avec leurs dépréciations)
+
+### Migrations (montée de version)
+
+`./references/migrations.md` — codemods de migration (`ng generate @lucca-front/ng:<nom>`) cumulatifs jusqu'à cette version, avec leur version d'introduction.
+
+### Correctifs de patch (fixes/)
+
+`./fixes/<M-m-p>.md` — un fichier par patch publié de la mineure (delta vs le patch précédent : API, types partagés, codemods, sources de stories). _(aucun patch publié après le .0 pour l'instant)_
+
+À consulter quand : le projet est sur un patch **antérieur** à 22.0.0 (les fixes postérieurs à sa version décrivent des correctifs absents de son code), ou pour comprendre ce qu'un patch précis a changé.
+
+### Exemple
+
+Bouton → API : `./references/components/button/button.md`, Figma : `https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/components/button/button.figma.md`
+
+## 3. Quand consulter quoi
+
+| Cas d'usage | Consulter |
+|-------------|-----------|
+| Écrire du code Angular | API (.md) → Exemples (.component.md) → section `## Changelog` du .md |
+| Intégrer depuis maquette Figma | Figma (.figma.md) → Tokens → Guidelines dev UI |
+| Créer une maquette Figma (Code → Figma) | Figma (.figma.md) → Design (`<slug>.design.md`) |
+| Review de code | API → Guidelines dev UI → Contenu (si textes) → Patterns (si UX) |
+| Conventions de rédaction | Contenu (dossier `content/`) |
+| Design patterns | Patterns (dossier `patterns/`) |
+| Tokens CSS | Tokens (dossier `tokens/`) |
+| Mixins / animations SCSS | Outils (dossier `tools/`) |
+| Composant déprécié | `https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/documentation/deprecated/deprecated.md` |
+| Monter de version | `./references/migrations.md` + la section `## Changelog` du `<slug>.md` de chaque composant touché |
+| Projet sur un patch antérieur à 22.0.0 / comportement inattendu sur un patch | `./fixes/<M-m-p>.md` |
+
+## 4. Workflow Code
+
+1. Lis l'API du composant (`<slug>.md`) — selectors, inputs, types exacts.
+2. Consulte les exemples (`<slug>.component.md`) — chaque story est une section `###`.
+3. Vérifie la section `## Changelog` (fin du `<slug>.md`) si comportement inattendu.
+
+⚠️ Ne te fie **jamais** à ta mémoire pour les noms de propriétés ou types. Seul le `.md` fait foi.
+
+## 5. Workflow Code → Figma
+
+1. Lis le fichier Figma (`<slug>.figma.md`) — variantes, node IDs, liens Figma.
+2. Utilise les **noms Figma** (pas Angular) pour les propriétés. Ils peuvent différer.
+3. Pour les guidelines visuelles → `<slug>.design.md`.
+
+⚠️ Les `.figma.md` reflètent l'état actuel de Figma.
+
+## 6. Composants
+
+- activity-feed
+- animations
+- api-select
+- app-layout
+- approbation-inbox
+- avatar
+- box
+- breadcrumbs
+- bubble-icon
+- bubble-illustration
+- button
+- calendar
+- calendar2
+- callout
+- callout-disclosure
+- callout-popover
+- card
+- checkbox
+- chip
+- clear
+- code
+- color
+- color-input
+- color-picker
+- comment
+- container
+- core-select-department
+- core-select-establishment
+- core-select-job-qualification
+- core-select-occupation-category
+- core-select-user
+- data-presentation
+- data-table
+- date
+- dateinput
+- daterangeinput
+- departmentselect
+- dialog
+- divider
+- dropdown
+- duration-picker
+- empty-state
+- errorpage
+- establishmentselect
+- fancy-dialog
+- fancybox
+- fieldset
+- filedropzone
+- fileentry
+- fileupload
+- filterbar
+- filterpills
+- footer
+- form
+- form-field
+- form-header
+- form-label
+- gauge
+- grid
+- highlight-data
+- highlight-section
+- highlight-text
+- horizontalnavigation
+- icons
+- impersonation
+- index-table
+- inlinemessage
+- input-framed
+- link
+- listbox
+- listing
+- loading
+- main-layout
+- mobile-push
+- mobileheader
+- mobilenavigation
+- modal
+- multi-select
+- multilanguagefield
+- newbadge
+- number-format-input
+- number-input
+- numbers
+- numericbadge
+- onboarding-empty-state
+- pageheader
+- pagination
+- phonenumberfield
+- plg-push
+- popover
+- popover2
+- progress-bar
+- progress-stepper
+- radiofield
+- readmore
+- resource-card
+- richtextinput
+- scroll
+- scrollbox
+- section-empty-state
+- segmented-control-tabs
+- segmentedcontrol
+- select
+- select-templating
+- sidepanel
+- simple-select
+- skeleton
+- skiplinks
+- software-icon
+- sortable-list
+- statusbadge
+- switchfield
+- tableofcontent
+- tags
+- text-flow
+- textareafield
+- textfield
+- tile
+- time
+- time-picker
+- timelines
+- title-and-text
+- toasts
+- tooltip
+- treeselect
+- user-select
+- userpopover
+- verticalnavigation
+
+## 7. Documentation transverse
+
+- **Tokens** (dossier `tokens/`) : Couleurs (`couleurs`), Typographie (`typographie`), Espacements (`espacements`), Élévations (`elevations`), Arrondis (`arrondis`), Design tokens (`design-tokens`), Noms des logiciels (`noms-de-logiciels`)
+- **Contenu & Rédaction** (dossier `content/`) : Notre voix, 100 % humaine (`voix-humaine`), Règles de ponctuation, de typographie (`ponctuation-typographie`), Grammaire, orthographe (`grammaire-orthographe`), Singulier ou pluriel ? (`singulier-pluriel`), Possessifs « mon, ma, mes, votre, vos » et pronoms « je, vous » (`possessifs-pronoms`), Infinitif ou impératif ? (`infinitif-imperatif`), Verbes d'action à utiliser (`verbes-action`), Nombres (`nombres`), Dates (`dates`), Accessibilité (`accessibilite-contenu`), 4 critères essentiels pour notre contenu (`criteres-essentiels`), Blocage sur le contenu ? (`blocage-contenu`), Face au jargon, que faire ? (`jargon`), Ressources pour définitions (`ressources-definitions`), Tester clarté et efficacité du contenu (`tester-clarte`), Messages d'erreur (`messages-erreur`)
+- **Guidelines** (dossier `guidelines/`) : Guidelines dev UI (`guidelines-dev-ui`)
+- **Design Patterns** (dossier `patterns/`) : Nos 10 principes Design (`regles-or`), Identification des pages (`identification-pages`), Card et box (`card-et-box`), Dialogs de confirmation (`dialogs-confirmation`), Actions de suppression (`actions-suppression`), Emails (`emails`), Feedback (`feedback`), Vues, filtres et navigation dans une page (`vues-filtres-navigation`), Structure en accordéon (`structure-accordeon`), Responsive design (`responsive-design`), Pattern IA (`pattern-ia`), Widgets (`widgets`), Cycle de vie d'une ressource (`cycle-vie-ressource`), Parcours de création de ressource : avec action de diffusion (`parcours-creation-ressource`), Parcours de création de ressource : sans action de diffusion (`parcours-creation-ressource-sans-diffusion`), Conception d'un formulaire (`conception-formulaire`), Gestion des erreurs (`gestion-erreurs-formulaire`), Champs conditionnels (`champs-conditionnels`), Quitter un formulaire (`quitter-formulaire`), Aide contextuelle (`aide-contextuelle`), Champs effaçables (`champs-effacables`), Placeholders (`placeholders`), Modes d’affichage (`modes-affichage`), Traduction d'un formulaire (`traduction-formulaire`), Navigation mobile (`navigation-mobile`), Push Notification mobile (`push-notification-mobile`)
+
+## 8. Composants dépréciés
+
+Consulte `https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/documentation/deprecated/deprecated.md` avant d'utiliser un composant inconnu.
+Ne génère **jamais** de code utilisant un composant déprécié — propose son remplacement.

package/llms/references/components/activity-feed/activity-feed.component.md

@@ -0,0 +1,292 @@
+# activity-feed — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-listings-activity-feed-angular-basic--docs)
+
+## Angular
+
+Component selector : `lu-activity-feed`
+
+### Basic
+
+```js
+import { LOCALE_ID } from '@angular/core';
+import { ActivityFeedComponent, ActivityFeedStepComponent, ActivityFeedUpdateComponent, ActivityFeedUpdateItemComponent } from '@lucca-front/ng/activity-feed';
+import { CommentComponent } from '@lucca-front/ng/comment';
+import { FileEntryComponent } from '@lucca-front/ng/file-upload';
+import { ReadMoreComponent } from '@lucca-front/ng/read-more';
+import { StatusBadgeComponent } from '@lucca-front/ng/status-badge';
+import { ButtonComponent } from '@lucca/prisme/button';
+```
+
+```html
+<lu-activity-feed>
+	<lu-activity-feed-step [user]="user" [date]="date" label="Lorem ipsum dolor." />
+	<lu-activity-feed-step [user]="user" [date]="date" label="Lorem ipsum dolor." />
+</lu-activity-feed>
+```
+
+## HTML/CSS
+
+Classe CSS : `.activityFeed`
+
+### Add
+
+```css
+@forward '@lucca-front/scss/src/components/activityFeed';
+@forward '@lucca-front/scss/src/components/avatar';
+@forward '@lucca-front/scss/src/components/button';
+```
+
+```html
+<ol class="activityFeed">
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-content">
+			<button type="button" class="activityFeed-step-add button mod-outlined">Afficher plus</button>
+		</div>
+	</li>
+</ol>
+```
+
+### Basic
+
+```css
+@forward '@lucca-front/scss/src/components/activityFeed';
+@forward '@lucca-front/scss/src/components/avatar';
+```
+
+```html
+<ol class="activityFeed">
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+		</div>
+	</li>
+</ol>
+```
+
+### States
+
+```css
+@forward '@lucca-front/scss/src/components/activityFeed';
+@forward '@lucca-front/scss/src/components/avatar';
+```
+
+```html
+<ol class="activityFeed">
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-state mod-success"></div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">Demande approuvée.</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-state mod-critical"></div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">Demande refusée.</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+		</div>
+	</li>
+	<li class="activityFeed-step mod-pending">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">En attente d'approbation.</p>
+		</div>
+	</li>
+</ol>
+```
+
+### Updated
+
+```css
+@forward '@lucca-front/scss/src/components/activityFeed';
+@forward '@lucca-front/scss/src/components/avatar';
+@forward '@lucca-front/scss/src/components/statusBadge';
+```
+
+```html
+<ol class="activityFeed">
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+			<div class="activityFeed-content">
+				<ul class="activityFeed-content-update">
+					<li class="activityFeed-content-update-item">
+						<div class="activityFeed-content-update-item-before">1000 €</div>
+						<span
+							class="activityFeed-content-update-item-icon lucca-icon icon-arrowRight mod-XS"
+							aria-hidden="true"
+						></span>
+						<span class="pr-u-mask">a été remplacé par</span>
+						<div class="activityFeed-content-update-item-after">800 €</div>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+			<div class="activityFeed-content">
+				<ul class="activityFeed-content-update">
+					<li class="activityFeed-content-update-item">
+						<div class="activityFeed-content-update-item-object">Lorem ipsum :</div>
+						<div class="activityFeed-content-update-item-before">Oui</div>
+						<span
+							class="activityFeed-content-update-item-icon lucca-icon icon-arrowRight mod-XS"
+							aria-hidden="true"
+						></span>
+						<span class="pr-u-mask">a été remplacé par</span>
+						<div class="activityFeed-content-update-item-after">Non</div>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">
+				Daniel Hernandez a transmis la facture au service comptabilité.
+			</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+			<div class="activityFeed-content">
+				<ul class="activityFeed-content-update">
+					<li class="activityFeed-content-update-item">
+						<div class="activityFeed-content-update-item-object">Sit amet :</div>
+						<div class="activityFeed-content-update-item-before">Oui</div>
+						<span
+							class="activityFeed-content-update-item-icon lucca-icon icon-arrowRight mod-XS"
+							aria-hidden="true"
+						></span>
+						<span class="pr-u-mask">a été remplacé par</span>
+						<div class="activityFeed-content-update-item-after">Non</div>
+					</li>
+					<li class="activityFeed-content-update-item">
+						<div class="activityFeed-content-update-item-object">Dolor :</div>
+						<div class="activityFeed-content-update-item-before">1000 €</div>
+						<span
+							class="activityFeed-content-update-item-icon lucca-icon icon-arrowRight mod-XS"
+							aria-hidden="true"
+						></span>
+						<span class="pr-u-mask">a été remplacé par</span>
+						<div class="activityFeed-content-update-item-after">500 €</div>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</li>
+	<li class="activityFeed-step">
+		<div class="activityFeed-step-avatar avatar mod-placeholder" translate="no">
+			<span class="avatar-picture"></span>
+		</div>
+		<div class="activityFeed-step-description">
+			<p class="activityFeed-step-description-content">Daniel Hernandez a modifié une demande.</p>
+			<time datetime="2025-07-15 08:56" class="activityFeed-step-description-time">
+				<abbr>Mar.</abbr>
+				15 juillet 2025 à 08:56
+			</time>
+			<div class="activityFeed-content">
+				<ul class="activityFeed-content-update">
+					<li class="activityFeed-content-update-item">
+						<div class="activityFeed-content-update-item-object">Statut :</div>
+						<div class="activityFeed-content-update-item-before">
+							<div class="statusBadge palette-critical">Refusé</div>
+						</div>
+						<span
+							class="activityFeed-content-update-item-icon lucca-icon icon-arrowRight mod-XS"
+							aria-hidden="true"
+						></span>
+						<span class="pr-u-mask">a été remplacé par</span>
+						<div class="activityFeed-content-update-item-after">
+							<div class="statusBadge palette-success">Approuvé</div>
+						</div>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</li>
+</ol>
+```

package/llms/references/components/activity-feed/activity-feed.md

@@ -0,0 +1,90 @@
+# activity-feed
+
+## Import
+
+```typescript
+import { ActivityFeedStepComponent, ActivityFeedUpdateItemComponent, ActivityFeedUpdateComponent, ActivityFeedComponent } from '@lucca-front/ng/activity-feed';
+```
+
+## Basic Usage
+
+```html
+<lu-activity-feed> <lu-activity-feed-step [user]="user" [date]="date" label="Lorem ipsum dolor." /> <lu-activity-feed-step [user]="user" [date]="date" label="Lorem ipsum dolor." />
+</lu-activity-feed>
+```
+
+## API Reference
+
+### ActivityFeedStepComponent (component)
+
+**Selector:** `lu-activity-feed-step`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `label` | `label` | `PortalContent \| null` | `null` | — | — | — |
+| `user` | `user` | `ILuUser \| null` | `null` | — | — | Permet de définir l’utilisateur présenté dans l’avatar |
+| `status` | `status` | `ActivityFeedStepStatus \| null` | `null` | — | — | — |
+| `date` | `date` | `Date \| string \| null` | `null` | — | — | — |
+| `datePipeFormat` | `datePipeFormat` | `string` | — | — | — | — |
+
+### ActivityFeedUpdateItemComponent (component)
+
+**Selector:** `lu-activity-feed-update-item`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `label` | `label` | `string` | — | ✅ | — | — |
+
+### ActivityFeedUpdateComponent (component)
+
+**Selector:** `lu-activity-feed-update`
+
+### ActivityFeedComponent (component)
+
+**Selector:** `lu-activity-feed`
+
+## Related files
+
+- 📝 [Code & implementation](./activity-feed.component.md)
+- 🎨 [Design guidelines](https://lucca-front.lucca.io/v22.0.6/storybook/llms/references/components/activity-feed/activity-feed.design.md)
+
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-listings-activity-feed-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
++ component `ActivityFeedUpdateItemComponent` (lu-activity-feed-update-item)
+`ActivityFeedUpdateComponent` :
+  - `intl`
+
+### Notes de release (ZeroHeight)
+
+#### 21.3.0
+
+##### Added
+
+- `ACTIVITY_FEED_STEP_STATUS` constant and `ActivityFeedStepStatus` type are now publicly exported and used to type the `status` input.
+
+#### 21.2.1
+
+##### Fixed
+
+- `date` formatting no longer relies on a literal unsupported by Safari.
+
+#### 21.2.0
+
+##### Added
+
+- `lu-activity-feed` component, along with `lu-activity-feed-step` and `lu-activity-feed-update`, to display a chronological feed of activities.
+- `lu-activity-feed-step` inputs: `label`, `user`, `status` (`success`, `critical`, `pending`), `date` and `datePipeFormat`.
+- `intl` input on `lu-activity-feed` and `lu-activity-feed-update` to override the component's translations.
+- Load-more button to fetch additional entries of the feed.

package/llms/references/components/animations/animations.component.md

@@ -0,0 +1,11 @@
+# animations — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-toolbox-animations-css--docs)
+
+## HTML/CSS
+
+### Basic
+
+```html
+<div class="demo"></div>
+```

package/llms/references/components/animations/animations.md

@@ -0,0 +1,7 @@
+# animations
+
+## Related files
+
+- 📝 [Code & implementation](./animations.component.md)
+
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-toolbox-animations-css--docs)