Merge branch 'main' of https://github.com/codegouvfr/react-dsfr

Author: garronej

test/integration/vite/src/Home.tsx

@@ -1,6 +1,6 @@
 import { Alert } from "@codegouvfr/react-dsfr/Alert";
 import { fr } from "@codegouvfr/react-dsfr";
-import { useIsDark } from "@codegouvfr/react-dsfr/useIsDark";
+import { useIsDark } from "@codegouvfr/react-dsfr";
 
 export function Home() {
     const { isDark, setIsDark } = useIsDark();

test/integration/vite/src/Mui.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { MuiDsfrThemeProvider } from "@codegouvfr/react-dsfr/mui";
+import { createMuiDsfrThemeProvider } from "@codegouvfr/react-dsfr/mui";
 import { ThemeProvider, createTheme } from "@mui/material/styles";
-import { useIsDark } from "@codegouvfr/react-dsfr/useIsDark";
+import { useIsDark } from "@codegouvfr/react-dsfr";
 import TextField from '@mui/material/TextField';
 import Autocomplete from '@mui/material/Autocomplete';
 import Stack from '@mui/material/Stack';
@@ -43,6 +43,8 @@ const muiDefaultLightTheme = createTheme({
 	}
 });
 
+const { MuiDsfrThemeProvider } = createMuiDsfrThemeProvider();
+
 export function Mui() {
 
 	const { isDark, setIsDark } = useIsDark();

test/integration/vite/src/main.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { Home } from "./Home";
 import { Mui } from "./Mui";
-import { startReactDsfr } from "@codegouvfr/react-dsfr/spa";
+import { startReactDsfr } from "@codegouvfr/react-dsfr";
 import { Header } from "@codegouvfr/react-dsfr/Header";
 import { BrowserRouter } from "react-router-dom";
 import { Routes, Route, Link, useLocation } from "react-router-dom";
@@ -11,7 +11,7 @@ import { fr } from "@codegouvfr/react-dsfr";
 
 startReactDsfr({ "defaultColorScheme": "system", Link });
 
-declare module "@codegouvfr/react-dsfr/spa" {
+declare module "@codegouvfr/react-dsfr" {
     interface RegisterLink {
         Link: typeof Link;
     }
@@ -36,7 +36,7 @@ function Root() {
                 serviceTitle="Nom du site / service"
                 homeLinkProps={{ "to": "/", "title": "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)" }}
                 quickAccessItems={[headerFooterDisplayItem]}
-                navigation={[
+                navItems={[
                     {
                         "text": "Home",
                         "linkProps": {