Use named imports for locales

docs/data/toolpad/core/components/sign-in-page/LocaleSignInPage.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { AppProvider } from '@toolpad/core/AppProvider';
 import { SignInPage } from '@toolpad/core/SignInPage';
-import hiIN from '@toolpad/core/locales/hiIN';
+import { hiIN } from '@toolpad/core/locales';
 
 const providers = [
   { id: 'github', name: 'गिटहब' },

docs/data/toolpad/core/components/sign-in-page/LocaleSignInPage.tsx

@@ -5,7 +5,7 @@ import {
   type AuthProvider,
   type AuthResponse,
 } from '@toolpad/core/SignInPage';
-import hiIN from '@toolpad/core/locales/hiIN';
+import { hiIN } from '@toolpad/core/locales';
 
 const providers = [
   { id: 'github', name: 'गिटहब' },

docs/data/toolpad/core/introduction/base-concepts.md

@@ -121,7 +121,7 @@ To translate all your Toolpad components, you can provide translations through t
 ```tsx
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 import { hiIN as coreHiIn } from '@mui/material/locale';
-import hiIN from '@toolpad/core/locales/hiIN';
+import { hiIN } from '@toolpad/core/locales';
 
 const theme = createTheme({
    {
@@ -144,7 +144,7 @@ If you want to pass language translations without using `createTheme`, you can d
 
 ```tsx
 import { AppProvider } from '@toolpad/core/AppProvider';
-import hiIN from '@toolpad/core/locales/hiIN';
+import { hiIN } from '@toolpad/core/locales';
 
 function App({ children }) {
   return (

packages/toolpad-core/src/AppProvider/LocalizationProvider.tsx

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/material/styles';
-import DEFAULT_LOCALE from '../locales/en';
+import { en as DEFAULT_LOCALE } from '../locales';
 
 export interface LocaleText {
   // Account

packages/toolpad-core/src/index.ts

@@ -23,3 +23,5 @@ export * from './useSession';
 export * from './useSessionStorageState';
 
 export * from './persistence/codec';
+
+export * from './locales';

packages/toolpad-core/src/locales/en.tsx

@@ -1,7 +1,7 @@
 import type { LocaleText } from '../AppProvider';
 import { getLocalization } from './getLocalization';
 
-const en: LocaleText = {
+const enLabels: LocaleText = {
   // Account
   accountSignInLabel: 'Sign In',
   accountSignOutLabel: 'Sign Out',
@@ -55,4 +55,4 @@ const en: LocaleText = {
   deletedItemMessage: 'This item has been deleted.',
 };
 
-export default getLocalization(en);
+export default getLocalization(enLabels);

packages/toolpad-core/src/locales/index.tsx

@@ -0,0 +1,2 @@
+export { default as hiIN } from './hiIN';
+export { default as en } from './en';