@nomosui/react 0.5.2 → 0.6.0

package/dist/index.js

@@ -37,9 +37,11 @@ var cn = (...inputs) => twMerge(clsx(inputs));
 * statut choisit l'intention (« danger », « succès »), et c'est le cœur qui sait la
 * rendre — l'app ne manipule plus un nom de couleur.
 *
-* Chaque ton lit deux emplacements sémantiques (`status-<ton>` pour la surface, lue à
-* faible opacité, et `status-<ton>-ink` pour l'encre) : c'est le token qui porte le
-* mode, pas la classe, donc le cœur ne connaît jamais le mode (ADR 0004, garde des tokens).
+* Chaque ton lit trois emplacements sémantiques (`status-<ton>` pour l'accent, la
+* bordure ; `status-<ton>-surface` pour le fond, **plein** — une carte qui flotte
+* au-dessus du contenu ne doit pas laisser voir ce qui passe dessous ; et `status-<ton>-ink`
+* pour l'encre) : c'est le token qui porte le mode, pas la classe, donc le cœur ne connaît
+* jamais le mode (ADR 0004, ADR 0027).
 */
 var TONES = [
 	"neutral",
@@ -52,12 +54,12 @@ var TONES = [
 ];
 var toneClasses = {
 	neutral: "border-transparent bg-muted text-muted-foreground",
-	info: "border-status-info/30 bg-status-info/15 text-status-info-ink",
-	progress: "border-status-progress/30 bg-status-progress/15 text-status-progress-ink",
-	attention: "border-status-attention/30 bg-status-attention/15 text-status-attention-ink",
-	warning: "border-status-warning/30 bg-status-warning/15 text-status-warning-ink",
-	danger: "border-status-danger/30 bg-status-danger/15 text-status-danger-ink",
-	success: "border-status-success/30 bg-status-success/15 text-status-success-ink"
+	info: "border-status-info/30 bg-status-info-surface text-status-info-ink",
+	progress: "border-status-progress/30 bg-status-progress-surface text-status-progress-ink",
+	attention: "border-status-attention/30 bg-status-attention-surface text-status-attention-ink",
+	warning: "border-status-warning/30 bg-status-warning-surface text-status-warning-ink",
+	danger: "border-status-danger/30 bg-status-danger-surface text-status-danger-ink",
+	success: "border-status-success/30 bg-status-success-surface text-status-success-ink"
 };
 //#endregion
 //#region src/components/alert/alert.tsx
@@ -934,6 +936,197 @@ var buttonManifest = {
 	]
 };
 //#endregion
+//#region src/components/heading/heading.tsx
+/**
+* La config des variantes est exportée à côté de `headingVariants` : le catalogue la lit
+* pour vérifier que le manifeste ne dérive pas des props réelles (ADR 0005).
+*
+* `level` porte à la fois la balise (`h1`..`h6`) et la taille sémantique : un seul mot dit
+* la hiérarchie, et la taille suit l'échelle des tokens (ADR 0004). Les valeurs sont des
+* chaînes parce que cva indexe ses variantes par nom.
+*/
+var headingVariantsConfig = {
+	variants: { level: {
+		"1": "text-display font-strong",
+		"2": "text-title font-strong",
+		"3": "text-lead font-strong",
+		"4": "text-body font-strong",
+		"5": "text-caption font-strong",
+		"6": "text-micro font-strong"
+	} },
+	defaultVariants: { level: "2" }
+};
+var headingVariants = cva("font-sans text-foreground", headingVariantsConfig);
+/**
+* Le titre : la balise suit le niveau (`h1`..`h6`), la taille suit l'échelle sémantique.
+* Présentation seule — le texte vient de l'appelant.
+*/
+var Heading = ({ level = 2, className, ...props }) => {
+	const Tag = `h${level}`;
+	return /* @__PURE__ */ jsx(Tag, {
+		className: cn(headingVariants({ level: String(level) }), className),
+		...props
+	});
+};
+//#endregion
+//#region src/components/heading/manifest.ts
+/**
+* Le manifeste du Titre (ADR 0005). `level` est la seule variante : elle choisit à la fois
+* la balise (`h1`..`h6`) et la taille sémantique, pour qu'un seul mot dise la hiérarchie.
+*/
+var headingManifest = {
+	name: "heading",
+	title: "Heading",
+	summary: "Un titre de section. Le niveau (`level`) choisit la balise `h1`..`h6` et la taille sémantique ; le texte vient de l'appelant.",
+	level: "primitive",
+	example: {
+		level: 2,
+		children: "Titre de section"
+	},
+	variants: [{
+		name: "level",
+		values: [
+			"1",
+			"2",
+			"3",
+			"4",
+			"5",
+			"6"
+		],
+		default: "2",
+		description: "Le niveau hiérarchique : il rend la balise `h1`..`h6` correspondante et lit la taille sémantique (display, title, lead, body, caption, micro)."
+	}],
+	props: [{
+		name: "className",
+		type: "string",
+		required: false,
+		check: "class",
+		description: "Les classes de l'appelant, fusionnées après celles de la variante."
+	}, {
+		name: "children",
+		type: "ReactNode",
+		required: true,
+		check: "content",
+		description: "Le texte du titre : court, il nomme la section."
+	}],
+	usages: [
+		{
+			when: "le titre principal d'une vue",
+			use: "level={1}",
+			avoid: "plusieurs `level={1}` dans une même vue : un seul titre de premier niveau"
+		},
+		{
+			when: "un titre de section sous le titre principal",
+			use: "level={2}",
+			avoid: "sauter un niveau pour grossir un titre : la hiérarchie doit rester continue"
+		},
+		{
+			when: "un sous-titre de bloc ou de carte",
+			use: "level={3}",
+			avoid: "un `level` choisi pour sa taille plutôt que pour la structure du document"
+		}
+	]
+};
+//#endregion
+//#region src/components/text/text.tsx
+/**
+* La config des variantes est exportée à côté de `textVariants` : le catalogue la lit pour
+* vérifier que le manifeste ne dérive pas des props réelles (ADR 0005).
+*
+* `size` lit l'échelle typographique sémantique (ADR 0004) : `text-body`, `text-lead`…
+* portent la taille **et** l'interligne des tokens.
+*/
+var textVariantsConfig = {
+	variants: { size: {
+		lead: "text-lead",
+		body: "text-body",
+		caption: "text-caption",
+		micro: "text-micro"
+	} },
+	defaultVariants: { size: "body" }
+};
+var textVariants = cva("font-sans text-foreground", textVariantsConfig);
+/**
+* Le texte courant : un paragraphe ou un `span`, à la taille sémantique choisie.
+* Présentation seule — le contenu vient de l'appelant.
+*/
+var Text = ({ size, as: Tag = "p", className, ...props }) => /* @__PURE__ */ jsx(Tag, {
+	className: cn(textVariants({ size }), className),
+	...props
+});
+//#endregion
+//#region src/components/text/manifest.ts
+/**
+* Le manifeste du Texte (ADR 0005). `size` lit l'échelle typographique sémantique ; `as`
+* choisit l'élément rendu (paragraphe ou `span` inline).
+*/
+var textManifest = {
+	name: "text",
+	title: "Text",
+	summary: "Le texte courant. La taille (`size`) vient de l'échelle sémantique ; `as` choisit l'élément rendu, un paragraphe ou un `span` inline.",
+	level: "primitive",
+	example: {
+		size: "body",
+		children: "Un paragraphe de texte courant."
+	},
+	variants: [{
+		name: "size",
+		values: [
+			"lead",
+			"body",
+			"caption",
+			"micro"
+		],
+		default: "body",
+		description: "La taille sémantique : `lead` pour une accroche, `body` pour le texte courant, `caption` et `micro` pour les mentions secondaires."
+	}],
+	props: [
+		{
+			name: "as",
+			type: "'p' | 'span'",
+			required: false,
+			check: "rendered",
+			description: "L'élément rendu : un paragraphe par défaut, un `span` pour un texte inline."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles de la variante."
+		},
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "content",
+			description: "Le contenu textuel, fourni par l’app."
+		}
+	],
+	usages: [
+		{
+			when: "un paragraphe de texte courant",
+			use: "size=\"body\"",
+			avoid: "un `size` plus grand pour « faire ressortir » : la hiérarchie passe par `Heading`"
+		},
+		{
+			when: "une accroche ou un chapeau au-dessus du corps",
+			use: "size=\"lead\"",
+			avoid: "un `lead` pour tout le corps : il perd son rôle d’accroche"
+		},
+		{
+			when: "une mention secondaire (légende, aide, horodatage)",
+			use: "size=\"caption\"",
+			avoid: "un `caption` pour du contenu essentiel : il est fait pour être discret"
+		},
+		{
+			when: "un texte inline dans une phrase",
+			use: "as=\"span\"",
+			avoid: "un `span` pour un paragraphe entier : le navigateur perd la structure"
+		}
+	]
+};
+//#endregion
 //#region src/components/card/card.tsx
 /**
 * La carte : une surface qui regroupe un contenu apparenté — un en-tête (titre +
@@ -1536,6 +1729,360 @@ var chipManifest = {
 		avoid: "un `Chip` pour un statut de production : un `Badge` dit l’état sans inviter au clic"
 	}]
 };
+/**
+* La config des variantes est exportée à côté de `kickerVariants` : le catalogue la lit
+* pour vérifier que le manifeste ne dérive pas des props réelles (ADR 0005). Le ton pose
+* la couleur du point dans une variable, que le point lit — le libellé reste discret.
+*/
+var kickerVariantsConfig = {
+	variants: { tone: {
+		neutral: "[--kicker-dot:var(--color-muted-foreground)]",
+		info: "[--kicker-dot:var(--color-status-info)]",
+		progress: "[--kicker-dot:var(--color-status-progress)]",
+		attention: "[--kicker-dot:var(--color-status-attention)]",
+		warning: "[--kicker-dot:var(--color-status-warning)]",
+		danger: "[--kicker-dot:var(--color-status-danger)]",
+		success: "[--kicker-dot:var(--color-status-success)]"
+	} },
+	defaultVariants: { tone: "neutral" }
+};
+var kickerVariants = cva("inline-flex items-center gap-1.5 font-mono text-xs uppercase tracking-wider text-muted-foreground", kickerVariantsConfig);
+/**
+* Le kicker : une étiquette d'accroche, répétée au-dessus d'un titre. Présentation seule —
+* le texte est injecté par l'appelant (le cœur n'a pas d'i18n), le ton est une intention.
+*/
+function Kicker({ tone, dot = false, children, className }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn(kickerVariants({ tone }), className),
+		children: [dot ? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "size-1.5 shrink-0 rounded-full bg-[var(--kicker-dot)]"
+		}) : null, children]
+	});
+}
+//#endregion
+//#region src/components/kicker/manifest.ts
+/** Le manifeste du kicker (ADR 0005). Le ton réutilise le vocabulaire du cœur. */
+var kickerManifest = {
+	name: "kicker",
+	title: "Kicker",
+	summary: "Une étiquette d'accroche, répétée au-dessus d'un titre : un point de ton optionnel et un libellé court en majuscules. Le texte est injecté par l’appelant.",
+	level: "primitive",
+	example: {
+		tone: "neutral",
+		dot: true,
+		children: "section"
+	},
+	variants: [{
+		name: "tone",
+		values: [...TONES],
+		default: "neutral",
+		description: "L'intention du point — ce que l'appelant choisit selon l'usage."
+	}],
+	props: [
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "content",
+			description: "Le libellé d'accroche : court, jamais une phrase."
+		},
+		{
+			name: "dot",
+			type: "boolean",
+			required: false,
+			check: "rendered",
+			description: "Affiche un point de ton devant le libellé."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles du cœur."
+		}
+	],
+	usages: [{
+		when: "coiffer un titre d’une accroche courte",
+		use: "<Kicker dot>section</Kicker>",
+		avoid: "un `Badge` : le kicker situe un titre, il ne qualifie pas un statut"
+	}, {
+		when: "marquer une intention sur l’accroche",
+		use: "<Kicker tone=\"danger\" dot>attention</Kicker>",
+		avoid: "une couleur en dur : le ton est une intention, le token porte la valeur"
+	}]
+};
+//#endregion
+//#region src/components/copy-button/copy-button.tsx
+/**
+* La config de variantes du CopyButton : celle du Button, réutilisée telle quelle. Le
+* catalogue la lit pour vérifier que le manifeste ne dérive pas des props réelles
+* (ADR 0005).
+*/
+var copyButtonVariantsConfig = buttonVariantsConfig;
+/** Le temps pendant lequel le libellé « copié » reste affiché avant de revenir. */
+var COPIED_MS = 2e3;
+/**
+* Le bouton de copie : il écrit `value` dans le presse-papiers et affiche un libellé
+* transitoire. Copier du texte arbitraire n'est pas un souci d'app (ADR 0002) ; les
+* libellés et l'icône sont injectés, le cœur n'a pas d'i18n.
+*/
+function CopyButton({ value, label = "Copy", copiedLabel = "Copied", icon, variant, size, className }) {
+	const [copied, setCopied] = useState(false);
+	useEffect(() => {
+		if (!copied) return;
+		const timer = setTimeout(() => setCopied(false), COPIED_MS);
+		return () => clearTimeout(timer);
+	}, [copied]);
+	return /* @__PURE__ */ jsxs(Button, {
+		type: "button",
+		variant,
+		size,
+		className,
+		onClick: () => {
+			navigator.clipboard.writeText(value).then(() => setCopied(true));
+		},
+		children: [icon ? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			children: icon
+		}) : null, copied ? copiedLabel : label]
+	});
+}
+//#endregion
+//#region src/components/copy-button/manifest.ts
+/**
+* Le manifeste du CopyButton (ADR 0005). Il reprend les deux groupes de variantes du
+* Button — `variant` et `size` — que le test de cohérence confronte à la config réelle.
+*/
+var copyButtonManifest = {
+	name: "copy-button",
+	title: "CopyButton",
+	summary: "Un bouton qui copie un texte dans le presse-papiers et affiche un libellé transitoire. Les libellés et l’icône sont injectés : le cœur n’a pas d’i18n.",
+	level: "primitive",
+	example: { value: "npm install @nomosui/react" },
+	variants: [{
+		name: "variant",
+		values: [
+			"default",
+			"destructive",
+			"outline",
+			"secondary",
+			"ghost",
+			"link"
+		],
+		default: "default",
+		description: "Le ton de l'action, repris du Button."
+	}, {
+		name: "size",
+		values: [
+			"default",
+			"sm",
+			"lg",
+			"icon"
+		],
+		default: "default",
+		description: "La taille du contrôle, reprise du Button."
+	}],
+	props: [
+		{
+			name: "value",
+			type: "string",
+			required: true,
+			check: "accepted",
+			description: "Le texte à copier dans le presse-papiers."
+		},
+		{
+			name: "label",
+			type: "string",
+			required: false,
+			default: "Copy",
+			check: "accepted",
+			description: "Le libellé au repos, injecté par l’app."
+		},
+		{
+			name: "copiedLabel",
+			type: "string",
+			required: false,
+			default: "Copied",
+			check: "accepted",
+			description: "Le libellé transitoire affiché après la copie."
+		},
+		{
+			name: "icon",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Une icône fournie par l’appelant ; le cœur n’expose pas d’icônes."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles de la variante."
+		}
+	],
+	usages: [
+		{
+			when: "offrir de copier une valeur courte (un identifiant, une commande)",
+			use: "value + label",
+			avoid: "un libellé produit en dur : l’app injecte le texte traduit"
+		},
+		{
+			when: "signaler la copie sans changer de vue",
+			use: "copiedLabel",
+			avoid: "un toast en plus : le libellé transitoire suffit"
+		},
+		{
+			when: "poser une icône à côté du libellé",
+			use: "icon",
+			avoid: "une icône seule sans `aria-label` : le bouton devient muet"
+		}
+	]
+};
+//#endregion
+//#region src/components/code/code.tsx
+function Code({ className, ...props }) {
+	return /* @__PURE__ */ jsx("code", {
+		className: cn("rounded border bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/code/manifest.ts
+/**
+* Le manifeste du Code inline (ADR 0005). Il est écrit à la main : le type se génère,
+* l'usage s'écrit. Le test de cohérence du catalogue le confronte aux props réelles.
+*/
+var codeManifest = {
+	name: "code",
+	title: "Code",
+	summary: "Un extrait de code inline : une surface monospace discrète, posée dans une phrase. Le fond inset, la bordure et le rayon viennent des tokens ; la coloration syntaxique reste à l'app.",
+	level: "primitive",
+	example: { children: "npm install @nomosui/react" },
+	variants: [],
+	props: [{
+		name: "children",
+		type: "ReactNode",
+		required: true,
+		check: "content",
+		description: "Le texte de l'extrait, injecté par l'appelant."
+	}, {
+		name: "className",
+		type: "string",
+		required: false,
+		check: "class",
+		description: "Les classes de l'appelant, fusionnées après celles du cœur."
+	}],
+	usages: [{
+		when: "citer un identifiant, une commande ou un nom de fichier dans une phrase",
+		use: "Code",
+		avoid: "un `CodeBlock` pour un mot : le bloc casse la ligne de texte"
+	}, {
+		when: "poser sa propre coloration syntaxique",
+		use: "children avec des nœuds colorés",
+		avoid: "attendre la coloration du cœur : elle est hors périmètre"
+	}]
+};
+//#endregion
+//#region src/components/code-block/code-block.tsx
+function CodeBlock({ code, children, copyLabel, copiedLabel, showCopy = true, className }) {
+	const copyValue = code ?? (typeof children === "string" ? children : "");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative rounded-md border bg-muted", className),
+		children: [showCopy ? /* @__PURE__ */ jsx("div", {
+			className: "absolute right-2 top-2",
+			children: /* @__PURE__ */ jsx(CopyButton, {
+				value: copyValue,
+				label: copyLabel,
+				copiedLabel,
+				size: "sm"
+			})
+		}) : null, /* @__PURE__ */ jsx("pre", {
+			className: "overflow-x-auto p-4 font-mono text-sm",
+			children: /* @__PURE__ */ jsx("code", { children: children ?? code })
+		})]
+	});
+}
+//#endregion
+//#region src/components/code-block/manifest.ts
+/**
+* Le manifeste du CodeBlock (ADR 0005). Il est écrit à la main : le type se génère,
+* l'usage s'écrit. Le test de cohérence du catalogue le confronte aux props réelles.
+*/
+var codeBlockManifest = {
+	name: "code-block",
+	title: "CodeBlock",
+	summary: "Un bloc de code monospace scrollable, avec un bouton de copie. `code` est le texte brut copié, `children` le rendu (l’app peut y poser sa coloration) ; les libellés sont injectés, le cœur n'a pas d'i18n.",
+	level: "primitive",
+	example: {
+		code: "npm install @nomosui/react",
+		showCopy: true
+	},
+	variants: [],
+	props: [
+		{
+			name: "code",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "Le texte brut à copier, et le contenu affiché si `children` est absent."
+		},
+		{
+			name: "children",
+			type: "ReactNode",
+			required: false,
+			check: "content",
+			description: "Le contenu affiché ; permet à l’app de poser sa propre coloration."
+		},
+		{
+			name: "copyLabel",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "Le libellé du bouton de copie, injecté par l’app."
+		},
+		{
+			name: "copiedLabel",
+			type: "string",
+			required: false,
+			check: "accepted",
+			description: "Le libellé transitoire affiché après la copie."
+		},
+		{
+			name: "showCopy",
+			type: "boolean",
+			required: false,
+			default: "true",
+			check: "rendered",
+			description: "Affiche le bouton de copie."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles du cœur."
+		}
+	],
+	usages: [
+		{
+			when: "montrer un extrait de code de plusieurs lignes",
+			use: "CodeBlock avec `code`",
+			avoid: "un `Code` inline : le bloc est fait pour un extrait, pas un mot"
+		},
+		{
+			when: "offrir de copier l’extrait",
+			use: "showCopy (défaut) + copyLabel/copiedLabel injectés",
+			avoid: "un libellé produit en dur : l’app injecte le texte traduit"
+		},
+		{
+			when: "colorer la syntaxe",
+			use: "children avec des nœuds colorés, `code` restant le texte copié",
+			avoid: "attendre la coloration du cœur : elle est hors périmètre"
+		}
+	]
+};
 //#endregion
 //#region src/components/freshness/freshness.tsx
 function Freshness({ label, title, stale = false, className, ...props }) {
@@ -1990,6 +2537,224 @@ var labelManifest = {
 	}]
 };
 //#endregion
+//#region src/components/link/link.tsx
+function Link({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		className: cn("text-primary underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/link/manifest.ts
+/**
+* Le manifeste du Lien (ADR 0005). Il est écrit à la main : le type se génère,
+* l'usage s'écrit. Le test de cohérence du catalogue le confronte aux props réelles.
+*/
+var linkManifest = {
+	name: "link",
+	title: "Link",
+	summary: "Un lien texte qui rend un `<a>`. `href` et le libellé sont injectés : le cœur ne porte aucun routing. Tout attribut HTML d’ancre est transmis tel quel.",
+	level: "primitive",
+	example: {
+		children: "Documentation",
+		href: "#"
+	},
+	variants: [],
+	props: [
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles du cœur."
+		},
+		{
+			name: "children",
+			type: "ReactNode",
+			required: true,
+			check: "content",
+			description: "Le libellé du lien, injecté par l’appelant."
+		},
+		{
+			name: "href",
+			type: "string",
+			required: false,
+			check: "attribute",
+			description: "La destination, transmise telle quelle à l'ancre ; le cœur ne la connaît pas."
+		}
+	],
+	usages: [{
+		when: "naviguer vers une URL",
+		use: "Link avec `href`",
+		avoid: "un `Button` pour une navigation : le lien doit rester un `<a>`"
+	}, {
+		when: "poser le style du lien sur un composant de routing de l’app",
+		use: "asChild avec un seul enfant",
+		avoid: "asChild avec plusieurs enfants : Radix Slot n’en accepte qu’un"
+	}]
+};
+//#endregion
+//#region src/components/navbar/navbar.tsx
+function Navbar({ brand, nav, actions, className }) {
+	return /* @__PURE__ */ jsxs("header", {
+		className: cn("sticky top-0 flex h-14 items-center gap-4 border-b border-border bg-background px-4 text-foreground", className),
+		children: [
+			brand ? /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2 font-semibold",
+				children: brand
+			}) : null,
+			nav ? /* @__PURE__ */ jsx("nav", {
+				className: "flex flex-1 items-center gap-4",
+				children: nav
+			}) : null,
+			actions ? /* @__PURE__ */ jsx("div", {
+				className: "ml-auto flex items-center gap-2",
+				children: actions
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/components/navbar/manifest.ts
+/** Le manifeste de la barre supérieure (ADR 0005, 0030). Slots injectés, aucun routing. */
+var navbarManifest = {
+	name: "navbar",
+	title: "Navbar",
+	summary: "La barre supérieure d'un site : une marque, des emplacements de navigation et un groupe d'actions en fin. Sticky en haut, bordure basse, fond du cœur. Les slots sont injectés — le cœur ne porte ni routing ni mot produit (ADR 0002, 0030).",
+	level: "bloc",
+	example: {
+		brand: "Nomos",
+		nav: createElement("a", {
+			href: "#",
+			key: "docs"
+		}, "Docs"),
+		actions: createElement("button", {
+			type: "button",
+			key: "action"
+		}, "Action")
+	},
+	variants: [],
+	props: [
+		{
+			name: "brand",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "La marque : un wordmark, un logo, un badge de version."
+		},
+		{
+			name: "nav",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Les emplacements de navigation, fournis par l’appelant."
+		},
+		{
+			name: "actions",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Le groupe d’actions de fin : boutons, menu, avatar."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles du cœur."
+		}
+	],
+	usages: [{
+		when: "poser l’en-tête d’un site : marque, navigation, actions",
+		use: "<Navbar brand={<Wordmark/>} nav={<AppNav/>} actions={<Button…/>} />",
+		avoid: "un `<header>` stylé au coup par coup : on perd les tokens de bordure et de fond"
+	}, {
+		when: "les liens et les libellés de navigation",
+		use: "des slots injectés par l’app (ADR 0015)",
+		avoid: "un `href` ou un mot produit en dur dans le cœur : le routing appartient à l’app"
+	}]
+};
+//#endregion
+//#region src/components/footer/footer.tsx
+function Footer({ brand, links, legal, className }) {
+	return /* @__PURE__ */ jsxs("footer", {
+		className: cn("border-t bg-background text-foreground", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mx-auto flex max-w-6xl flex-col gap-4 px-6 py-8 sm:flex-row sm:items-center sm:justify-between",
+			children: [brand ? /* @__PURE__ */ jsx("div", {
+				className: "font-semibold",
+				children: brand
+			}) : null, links ? /* @__PURE__ */ jsx("nav", {
+				className: "flex flex-wrap items-center gap-x-6 gap-y-2 text-sm",
+				children: links
+			}) : null]
+		}), legal ? /* @__PURE__ */ jsx("div", {
+			className: "border-t",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "mx-auto max-w-6xl px-6 py-4 text-sm text-muted-foreground",
+				children: legal
+			})
+		}) : null]
+	});
+}
+//#endregion
+//#region src/components/footer/manifest.ts
+/**
+* Le manifeste du pied de page (ADR 0005, ADR 0015). Un bloc du cœur : la mise en page
+* est au cœur, les emplacements (marque, liens, ligne légale) sont injectés par l'app.
+*/
+var footerManifest = {
+	name: "footer",
+	title: "Footer",
+	summary: "Le pied de page : une marque, une rangée de liens et une ligne légale. Des emplacements injectés, sans routing ni libellé propre au cœur (ADR 0002).",
+	level: "bloc",
+	example: {
+		brand: "Nomos",
+		links: "Documentation · GitHub",
+		legal: "© 2026 Nomos"
+	},
+	variants: [],
+	props: [
+		{
+			name: "brand",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "Le wordmark ou le logo, fourni par l’appelant."
+		},
+		{
+			name: "links",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "La rangée de liens, fournie par l’appelant (des `Link`, par exemple)."
+		},
+		{
+			name: "legal",
+			type: "ReactNode",
+			required: false,
+			check: "accepted",
+			description: "La ligne légale (copyright, mentions), fournie par l’appelant."
+		},
+		{
+			name: "className",
+			type: "string",
+			required: false,
+			check: "class",
+			description: "Les classes de l'appelant, fusionnées après celles du cœur."
+		}
+	],
+	usages: [{
+		when: "poser un pied de page sous le contenu d’une vue",
+		use: "<Footer brand={<Wordmark/>} links={<><Link…/><Link…/></>} legal={t('legal')} />",
+		avoid: "un `<footer>` stylé au coup par coup : on perd les tokens de bordure et de fond"
+	}, {
+		when: "un pied minimal, sans ligne légale",
+		use: "omettre `legal` : le bloc se réduit à la marque et aux liens",
+		avoid: "un emplacement vide rendu pour rien — un slot absent ne rend rien"
+	}]
+};
+//#endregion
 //#region src/components/fieldset/fieldset.tsx
 /** Un regroupement de champs apparentés ; l'app fournit le titre (`legend`). */
 function Fieldset({ className, ...props }) {
@@ -5264,6 +6029,29 @@ var catalogueEntries = [
 			}
 		}
 	},
+	{
+		manifest: kickerManifest,
+		component: Kicker,
+		variantsConfig: { tone: kickerVariantsConfig }
+	},
+	{
+		manifest: copyButtonManifest,
+		component: CopyButton,
+		variantsConfig: {
+			variant: copyButtonVariantsConfig,
+			size: copyButtonVariantsConfig
+		}
+	},
+	{
+		manifest: codeManifest,
+		component: Code,
+		variantsConfig: {}
+	},
+	{
+		manifest: codeBlockManifest,
+		component: CodeBlock,
+		variantsConfig: {}
+	},
 	{
 		manifest: freshnessManifest,
 		component: Freshness,
@@ -5299,6 +6087,21 @@ var catalogueEntries = [
 		component: Label,
 		variantsConfig: {}
 	},
+	{
+		manifest: linkManifest,
+		component: Link,
+		variantsConfig: {}
+	},
+	{
+		manifest: navbarManifest,
+		component: Navbar,
+		variantsConfig: {}
+	},
+	{
+		manifest: footerManifest,
+		component: Footer,
+		variantsConfig: {}
+	},
 	{
 		manifest: fieldsetManifest,
 		component: Fieldset,
@@ -5427,6 +6230,16 @@ var catalogueEntries = [
 		manifest: timelineManifest,
 		component: Timeline,
 		variantsConfig: {}
+	},
+	{
+		manifest: headingManifest,
+		component: Heading,
+		variantsConfig: { level: headingVariantsConfig }
+	},
+	{
+		manifest: textManifest,
+		component: Text,
+		variantsConfig: { size: textVariantsConfig }
 	}
 ];
 /**
@@ -5683,16 +6496,22 @@ var tokensResource = {
 			"--nomos-color-brand": "#00c9b1",
 			"--nomos-color-scrim": "0 0% 0% / 0.8",
 			"--nomos-color-status-info": "199 89% 48%",
+			"--nomos-color-status-info-surface": "202 49% 14%",
 			"--nomos-color-status-info-ink": "198 93% 74%",
 			"--nomos-color-status-progress": "258 90% 66%",
+			"--nomos-color-status-progress-surface": "256 30% 17%",
 			"--nomos-color-status-progress-ink": "255 92% 85%",
 			"--nomos-color-status-attention": "38 92% 50%",
+			"--nomos-color-status-attention-surface": "36 45% 14%",
 			"--nomos-color-status-attention-ink": "46 97% 65%",
 			"--nomos-color-status-warning": "25 95% 53%",
+			"--nomos-color-status-warning-surface": "22 42% 15%",
 			"--nomos-color-status-warning-ink": "31 97% 72%",
 			"--nomos-color-status-danger": "0 84% 60%",
+			"--nomos-color-status-danger-surface": "354 33% 15%",
 			"--nomos-color-status-danger-ink": "0 94% 82%",
 			"--nomos-color-status-success": "160 84% 39%",
+			"--nomos-color-status-success-surface": "166 40% 12%",
 			"--nomos-color-status-success-ink": "156 72% 67%",
 			"--nomos-radius-pill": "9999px",
 			"--nomos-radius-control": "0.625rem",
@@ -5755,16 +6574,22 @@ var tokensResource = {
 			"--nomos-color-brand": "#00c9b1",
 			"--nomos-color-scrim": "0 0% 0% / 0.8",
 			"--nomos-color-status-info": "199 89% 48%",
+			"--nomos-color-status-info-surface": "199 82% 92%",
 			"--nomos-color-status-info-ink": "201 96% 32%",
 			"--nomos-color-status-progress": "258 90% 66%",
+			"--nomos-color-status-progress-surface": "258 90% 95%",
 			"--nomos-color-status-progress-ink": "263 70% 50%",
 			"--nomos-color-status-attention": "38 92% 50%",
+			"--nomos-color-status-attention-surface": "38 92% 93%",
 			"--nomos-color-status-attention-ink": "26 90% 37%",
 			"--nomos-color-status-warning": "25 95% 53%",
+			"--nomos-color-status-warning-surface": "25 95% 93%",
 			"--nomos-color-status-warning-ink": "17 88% 40%",
 			"--nomos-color-status-danger": "0 84% 60%",
+			"--nomos-color-status-danger-surface": "0 84% 94%",
 			"--nomos-color-status-danger-ink": "0 74% 42%",
 			"--nomos-color-status-success": "160 84% 39%",
+			"--nomos-color-status-success-surface": "160 54% 91%",
 			"--nomos-color-status-success-ink": "161 94% 25%",
 			"--nomos-radius-pill": "9999px",
 			"--nomos-radius-control": "0.625rem",
@@ -5807,4 +6632,4 @@ var tokensResource = {
 	}
 };
 //#endregion
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Collapsible, CollapsibleContent, CollapsibleTrigger, CompactMeter, Counter, DataTablePagination, DataTableToolbar, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FacetFilter, FacetedDataTable, Field, Fieldset, Form, Freshness, Input, Label, Meter, NumberField, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressBar, RadioGroup, RadioGroupItem, Rating, ScrollArea, ScrollBar, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectionTree, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Switch, TONES, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Toast, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, accordionManifest, alertDialogManifest, alertManifest, avatarManifest, badgeManifest, badgeVariants, badgeVariantsConfig, buttonManifest, buttonVariants, buttonVariantsConfig, cardManifest, catalogue, checkboxManifest, chipManifest, cn, collapsibleManifest, componentManifestSchema, componentNames, counterManifest, dataTableFeatures, dataTablePaginationManifest, dataTableToolbarManifest, dialogManifest, dropdownMenuManifest, emptyStateManifest, facetFilterManifest, fieldManifest, fieldsetManifest, findComponent, formManifest, freshnessManifest, inputManifest, labelManifest, meterManifest, numberFieldManifest, popoverManifest, progressBarManifest, radioManifest, ratingManifest, renderCss, resolveSkin, scrollAreaManifest, searchFieldManifest, selectManifest, separatorManifest, sheetManifest, skeletonManifest, switchManifest, tableManifest, tabsManifest, textareaManifest, timelineManifest, toastManifest, toggleGroupManifest, toggleManifest, toggleVariants, toggleVariantsConfig, tokensResource, toneClasses, tooltipManifest, treeManifest, useToast, validateCatalogue };
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Code, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, CompactMeter, CopyButton, Counter, DataTablePagination, DataTableToolbar, Dialog, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FacetFilter, FacetedDataTable, Field, Fieldset, Footer, Form, Freshness, Heading, Input, Kicker, Label, Link, Meter, Navbar, NumberField, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressBar, RadioGroup, RadioGroupItem, Rating, ScrollArea, ScrollBar, SearchField, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectionTree, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Switch, TONES, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, Timeline, Toast, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tree, accordionManifest, alertDialogManifest, alertManifest, avatarManifest, badgeManifest, badgeVariants, badgeVariantsConfig, buttonManifest, buttonVariants, buttonVariantsConfig, cardManifest, catalogue, checkboxManifest, chipManifest, cn, codeBlockManifest, codeManifest, collapsibleManifest, componentManifestSchema, componentNames, copyButtonManifest, copyButtonVariantsConfig, counterManifest, dataTableFeatures, dataTablePaginationManifest, dataTableToolbarManifest, dialogManifest, dropdownMenuManifest, emptyStateManifest, facetFilterManifest, fieldManifest, fieldsetManifest, findComponent, footerManifest, formManifest, freshnessManifest, headingManifest, headingVariants, headingVariantsConfig, inputManifest, kickerManifest, kickerVariantsConfig, labelManifest, linkManifest, meterManifest, navbarManifest, numberFieldManifest, popoverManifest, progressBarManifest, radioManifest, ratingManifest, renderCss, resolveSkin, scrollAreaManifest, searchFieldManifest, selectManifest, separatorManifest, sheetManifest, skeletonManifest, switchManifest, tableManifest, tabsManifest, textManifest, textVariants, textVariantsConfig, textareaManifest, timelineManifest, toastManifest, toggleGroupManifest, toggleManifest, toggleVariants, toggleVariantsConfig, tokensResource, toneClasses, tooltipManifest, treeManifest, useToast, validateCatalogue };