@hitachivantara/app-shell-ui 2.3.2 → 2.3.3

package/dist/components/AppShell/AppShell.js

@@ -1,9 +1,20 @@
-import { jsx } from "react/jsx-runtime";
 import { HvAppShellContainer } from "./AppShellContainer.js";
 import { HvAppShellRouter } from "./AppShellRouter.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShell.tsx
+/**
+*  The main App Shell UI component that:
+* - Loads the configuration via `config` or `configUrl`
+* - Instantiates Global Providers (i18n, theming, error boundary, etc)
+* - Renders the App Shell Header & Vertical Navigation Layout
+* - Instantiates the App Shell Router for the given configuration
+*/
 function HvAppShell({ config, configUrl }) {
-  return /* @__PURE__ */ jsx(HvAppShellContainer, { config, configUrl, children: /* @__PURE__ */ jsx(HvAppShellRouter, {}) });
+	return /* @__PURE__ */ jsx(HvAppShellContainer, {
+		config,
+		configUrl,
+		children: /* @__PURE__ */ jsx(HvAppShellRouter, {})
+	});
 }
-export {
-  HvAppShell as default
-};
+//#endregion
+export { HvAppShell as default };

package/dist/components/AppShell/AppShellContainer.js

@@ -1,77 +1,86 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Suspense } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { HelmetProvider } from "react-helmet-async";
-import { I18nextProvider } from "react-i18next";
-import { HvProvider, HvLoading } from "@hitachivantara/uikit-react-core";
+import useI18nInit from "../../i18n/useI18nInit.js";
 import { createI18NextInstance } from "../../i18n/index.js";
+import GenericError from "../../pages/GenericError/GenericError.js";
 import { LayoutProvider } from "../../providers/LayoutProvider.js";
 import { HvAppShellI18nProvider } from "../AppShellI18nProvider/AppShellI18nProvider.js";
 import { HvAppShellProvider } from "../AppShellProvider/AppShellProvider.js";
 import { GlobalStyles } from "../GlobalStyles.js";
 import InitErrorFallback from "../InitErrorFallback/InitErrorFallback.js";
-import useI18nInit from "../../i18n/useI18nInit.js";
 import SnackbarProvider from "../SnackbarProvider/SnackbarProvider.js";
-import GenericError from "../../pages/GenericError/GenericError.js";
-const i18n = createI18NextInstance();
-const configRequests = /* @__PURE__ */ new Map();
+import { Suspense } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+import { HelmetProvider } from "react-helmet-async";
+import { I18nextProvider } from "react-i18next";
+import { HvLoading, HvProvider } from "@hitachivantara/uikit-react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShellContainer.tsx
+var i18n = createI18NextInstance();
+var configRequests = /* @__PURE__ */ new Map();
 function useConfig(configProp, configUrl) {
-  if (configProp) return configProp;
-  if (!configUrl) return void 0;
-  let cached = configRequests.get(configUrl);
-  if (!cached) {
-    const req = {
-      status: "pending",
-      promise: fetch(new URL(configUrl, document.baseURI)).then((r) => r.json()).then((data) => {
-        req.status = "fulfilled";
-        req.result = data;
-      }).catch((err) => {
-        req.status = "rejected";
-        req.error = err;
-      })
-    };
-    configRequests.set(configUrl, req);
-    cached = req;
-  }
-  if (cached.status === "fulfilled") return cached.result;
-  if (cached.status === "rejected") throw cached.error;
-  throw cached.promise;
+	if (configProp) return configProp;
+	if (!configUrl) return void 0;
+	let cached = configRequests.get(configUrl);
+	if (!cached) {
+		const req = {
+			status: "pending",
+			promise: fetch(new URL(configUrl, document.baseURI)).then((r) => r.json()).then((data) => {
+				req.status = "fulfilled";
+				req.result = data;
+			}).catch((err) => {
+				req.status = "rejected";
+				req.error = err;
+			})
+		};
+		configRequests.set(configUrl, req);
+		cached = req;
+	}
+	if (cached.status === "fulfilled") return cached.result;
+	if (cached.status === "rejected") throw cached.error;
+	throw cached.promise;
 }
-function AppShellContainerInner({
-  config: configProp,
-  configUrl,
-  children
-}) {
-  const config = useConfig(
-    configProp,
-    configUrl
-  );
-  useI18nInit(i18n, config, configUrl);
-  return /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(HvAppShellI18nProvider, { children: /* @__PURE__ */ jsx(
-    ErrorBoundary,
-    {
-      fallback: /* @__PURE__ */ jsx(GenericError, { includeFooter: false }),
-      children: /* @__PURE__ */ jsx(HvAppShellProvider, { config, children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(SnackbarProvider, { children }) }) })
-    },
-    "general"
-  ) }) });
+/**
+* Inner component that resolves config, initializes i18n synchronously,
+* then renders the provider tree.
+*
+* Because it may throw a Promise (via `useConfig`), it MUST be wrapped in
+* a `<Suspense>` boundary by the parent `HvAppShellContainer`.
+*/
+function AppShellContainerInner({ config: configProp, configUrl, children }) {
+	const config = useConfig(configProp, configUrl);
+	useI18nInit(i18n, config, configUrl);
+	return /* @__PURE__ */ jsx(I18nextProvider, {
+		i18n,
+		children: /* @__PURE__ */ jsx(HvAppShellI18nProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, {
+			fallback: /* @__PURE__ */ jsx(GenericError, { includeFooter: false }),
+			children: /* @__PURE__ */ jsx(HvAppShellProvider, {
+				config,
+				children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(SnackbarProvider, { children }) })
+			})
+		}, "general") })
+	});
 }
-function HvAppShellContainer({
-  config,
-  configUrl,
-  children
-}) {
-  return /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsxs(HvProvider, { children: [
-    /* @__PURE__ */ jsx(GlobalStyles, {}),
-    /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(InitErrorFallback, {}), children: /* @__PURE__ */ jsx(
-      Suspense,
-      {
-        fallback: /* @__PURE__ */ jsx(HvLoading, { style: { height: "100vh", width: "100%" } }),
-        children: /* @__PURE__ */ jsx(AppShellContainerInner, { config, configUrl, children })
-      }
-    ) })
-  ] }) });
+/**
+* Top-level App Shell container.
+*
+* Wraps everything in global providers (Helmet, theme, styles) and a
+* `<Suspense>` boundary that shows a loading indicator while the config
+* is being fetched and i18next is being initialized.
+*/
+function HvAppShellContainer({ config, configUrl, children }) {
+	return /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsxs(HvProvider, { children: [/* @__PURE__ */ jsx(GlobalStyles, {}), /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallback: /* @__PURE__ */ jsx(InitErrorFallback, {}),
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(HvLoading, { style: {
+				height: "100vh",
+				width: "100%"
+			} }),
+			children: /* @__PURE__ */ jsx(AppShellContainerInner, {
+				config,
+				configUrl,
+				children
+			})
+		})
+	})] }) });
 }
-export {
-  HvAppShellContainer
-};
+//#endregion
+export { HvAppShellContainer };

package/dist/components/AppShell/AppShellRouter.js

@@ -1,118 +1,107 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useEffect, lazy, Fragment } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { matchRoutes, RouterProvider, createBrowserRouter, Outlet } from "react-router-dom";
-import { useHvAppShellModel } from "@hitachivantara/app-shell-shared";
-import { HvContainer } from "@hitachivantara/uikit-react-core";
-import LoadingPage from "../../pages/LoadingPage/LoadingPage.js";
-import { RootRoute } from "../../pages/RootRoute.js";
 import { getAppIdFromBundle } from "../../utils/navigationUtil.js";
 import GenericError from "../../pages/GenericError/GenericError.js";
+import LoadingPage_default from "../../pages/LoadingPage/index.js";
+import { RootRoute } from "../../pages/RootRoute.js";
 import AppShellViewProvider from "../AppShellViewProvider/AppShellViewProvider.js";
-const NotFound = lazy(() => import("../../pages/NotFound/index.js"));
+import { Fragment, lazy, useEffect, useMemo, useRef, useState } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+import { HvContainer } from "@hitachivantara/uikit-react-core";
+import { useHvAppShellModel } from "@hitachivantara/app-shell-shared";
+import { Outlet, RouterProvider, createBrowserRouter, matchRoutes } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShellRouter.tsx
+var NotFound = lazy(() => import("../../pages/NotFound/index.js"));
 function renderNestedRoutes(views) {
-  if (!views) {
-    return void 0;
-  }
-  return views.map((view) => {
-    const { bundle, route } = view;
-    const appId = getAppIdFromBundle(bundle);
-    const RouteComponent = lazy(() => import(
-      /* @vite-ignore */
-      bundle
-    ));
-    const path = route.replace(/^\//, "");
-    return {
-      path,
-      // "Component" used instead of "element" due to lazy loading
-      Component: () => /* @__PURE__ */ jsx(AppShellViewProvider, { id: appId, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, {}), children: /* @__PURE__ */ jsx(RouteComponent, { ...view.config, children: view.views ? /* @__PURE__ */ jsx(Outlet, {}) : null }) }, view.key) }),
-      children: renderNestedRoutes(view.views)
-    };
-  });
+	if (!views) return;
+	return views.map((view) => {
+		const { bundle, route } = view;
+		const appId = getAppIdFromBundle(bundle);
+		const RouteComponent = lazy(() => import(
+			/* @vite-ignore */
+			bundle
+));
+		return {
+			path: route.replace(/^\//, ""),
+			Component: () => /* @__PURE__ */ jsx(AppShellViewProvider, {
+				id: appId,
+				children: /* @__PURE__ */ jsx(ErrorBoundary, {
+					fallback: /* @__PURE__ */ jsx(GenericError, {}),
+					children: /* @__PURE__ */ jsx(RouteComponent, {
+						...view.config,
+						children: view.views ? /* @__PURE__ */ jsx(Outlet, {}) : null
+					})
+				}, view.key)
+			}),
+			children: renderNestedRoutes(view.views)
+		};
+	});
 }
 function renderRoutes(mainPanel) {
-  if (mainPanel?.views == null) {
-    return [];
-  }
-  const { views, maxWidth = "xl", ...mainContainerProps } = mainPanel;
-  return views.map((view) => {
-    const {
-      bundle,
-      route,
-      config,
-      views: nestedViews,
-      maxWidth: viewMaxWidth,
-      key,
-      conditions,
-      disableContainer,
-      ...viewContainerProps
-    } = view;
-    const appId = getAppIdFromBundle(bundle);
-    const RouteComponent = lazy(() => import(
-      /* @vite-ignore */
-      bundle
-    ));
-    const showContainer = !(disableContainer ?? mainPanel.disableContainer);
-    const containerProps = showContainer && {
-      maxWidth: viewMaxWidth ?? maxWidth,
-      ...mainContainerProps,
-      ...viewContainerProps
-    };
-    const ContainerComponent = showContainer ? HvContainer : Fragment;
-    return {
-      path: route,
-      // "Component" used instead of "element" due to lazy loading
-      Component: () => /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, {}), children: /* @__PURE__ */ jsx(ContainerComponent, { ...containerProps, children: /* @__PURE__ */ jsx(AppShellViewProvider, { id: appId, children: /* @__PURE__ */ jsx(RouteComponent, { ...config, children: nestedViews ? /* @__PURE__ */ jsx(Outlet, {}) : null }) }) }) }, view.key),
-      children: renderNestedRoutes(nestedViews)
-    };
-  });
+	if (mainPanel?.views == null) return [];
+	const { views, maxWidth = "xl", ...mainContainerProps } = mainPanel;
+	return views.map((view) => {
+		const { bundle, route, config, views: nestedViews, maxWidth: viewMaxWidth, key, conditions, disableContainer, ...viewContainerProps } = view;
+		const appId = getAppIdFromBundle(bundle);
+		const RouteComponent = lazy(() => import(
+			/* @vite-ignore */
+			bundle
+));
+		const showContainer = !(disableContainer ?? mainPanel.disableContainer);
+		const containerProps = showContainer && {
+			maxWidth: viewMaxWidth ?? maxWidth,
+			...mainContainerProps,
+			...viewContainerProps
+		};
+		const ContainerComponent = showContainer ? HvContainer : Fragment;
+		return {
+			path: route,
+			Component: () => /* @__PURE__ */ jsx(ErrorBoundary, {
+				fallback: /* @__PURE__ */ jsx(GenericError, {}),
+				children: /* @__PURE__ */ jsx(ContainerComponent, {
+					...containerProps,
+					children: /* @__PURE__ */ jsx(AppShellViewProvider, {
+						id: appId,
+						children: /* @__PURE__ */ jsx(RouteComponent, {
+							...config,
+							children: nestedViews ? /* @__PURE__ */ jsx(Outlet, {}) : null
+						})
+					})
+				})
+			}, view.key),
+			children: renderNestedRoutes(nestedViews)
+		};
+	});
 }
 function HvAppShellRouter() {
-  const { baseUrl, mainPanel } = useHvAppShellModel();
-  const prevRoutesRef = useRef([]);
-  const [routerKey, setRouterKey] = useState("router-initial");
-  const childRoutes = useMemo(
-    () => [
-      ...renderRoutes(mainPanel),
-      // catch-all for 404 route
-      { path: "*", element: /* @__PURE__ */ jsx(NotFound, {}) }
-    ],
-    [mainPanel]
-  );
-  useEffect(() => {
-    if (prevRoutesRef.current.length === 0) {
-      prevRoutesRef.current = childRoutes;
-      return;
-    }
-    const currentPath = globalThis.location.pathname;
-    const prevMatch = matchRoutes(prevRoutesRef.current, currentPath);
-    const newMatch = matchRoutes(childRoutes, currentPath);
-    const prevWas404 = !prevMatch || prevMatch.at(-1)?.route.path === "*";
-    const newIs404 = !newMatch || newMatch.at(-1)?.route.path === "*";
-    if (prevWas404 && !newIs404 || !prevWas404 && newIs404) {
-      setRouterKey(`router-${newIs404 ? "404" : "valid"}`);
-    }
-    prevRoutesRef.current = childRoutes;
-  }, [baseUrl, childRoutes]);
-  return /* @__PURE__ */ jsx(
-    RouterProvider,
-    {
-      fallbackElement: /* @__PURE__ */ jsx(LoadingPage, {}),
-      future: { v7_startTransition: false },
-      router: createBrowserRouter(
-        [
-          {
-            element: /* @__PURE__ */ jsx(RootRoute, {}),
-            errorElement: /* @__PURE__ */ jsx(GenericError, {}),
-            children: childRoutes
-          }
-        ],
-        { basename: baseUrl ?? "/" }
-      )
-    },
-    routerKey
-  );
+	const { baseUrl, mainPanel } = useHvAppShellModel();
+	const prevRoutesRef = useRef([]);
+	const [routerKey, setRouterKey] = useState("router-initial");
+	const childRoutes = useMemo(() => [...renderRoutes(mainPanel), {
+		path: "*",
+		element: /* @__PURE__ */ jsx(NotFound, {})
+	}], [mainPanel]);
+	useEffect(() => {
+		if (prevRoutesRef.current.length === 0) {
+			prevRoutesRef.current = childRoutes;
+			return;
+		}
+		const currentPath = globalThis.location.pathname;
+		const prevMatch = matchRoutes(prevRoutesRef.current, currentPath);
+		const newMatch = matchRoutes(childRoutes, currentPath);
+		const prevWas404 = !prevMatch || prevMatch.at(-1)?.route.path === "*";
+		const newIs404 = !newMatch || newMatch.at(-1)?.route.path === "*";
+		if (prevWas404 && !newIs404 || !prevWas404 && newIs404) setRouterKey(`router-${newIs404 ? "404" : "valid"}`);
+		prevRoutesRef.current = childRoutes;
+	}, [baseUrl, childRoutes]);
+	return /* @__PURE__ */ jsx(RouterProvider, {
+		fallbackElement: /* @__PURE__ */ jsx(LoadingPage_default, {}),
+		future: { v7_startTransition: false },
+		router: createBrowserRouter([{
+			element: /* @__PURE__ */ jsx(RootRoute, {}),
+			errorElement: /* @__PURE__ */ jsx(GenericError, {}),
+			children: childRoutes
+		}], { basename: baseUrl ?? "/" })
+	}, routerKey);
 }
-export {
-  HvAppShellRouter
-};
+//#endregion
+export { HvAppShellRouter };

package/dist/components/AppShellI18nProvider/AppShellI18nProvider.js

@@ -1,29 +1,23 @@
-import { jsx } from "react/jsx-runtime";
 import { useContext, useMemo } from "react";
 import { I18nContext, useTranslation } from "react-i18next";
 import { HvAppShellI18nContext } from "@hitachivantara/app-shell-shared";
-function HvAppShellI18nProvider({
-  children
-}) {
-  const { i18n } = useContext(I18nContext);
-  useTranslation();
-  const language = i18n.language;
-  const appShellI18n = useMemo(
-    () => ({
-      language,
-      changeLanguage: async (newLng) => {
-        if (i18n) {
-          await i18n.changeLanguage(newLng);
-        } else {
-          console.warn("I18N not initialized");
-        }
-        return void 0;
-      }
-    }),
-    [i18n, language]
-  );
-  return /* @__PURE__ */ jsx(HvAppShellI18nContext.Provider, { value: appShellI18n, children });
+import { jsx } from "react/jsx-runtime";
+//#region src/components/AppShellI18nProvider/AppShellI18nProvider.tsx
+function HvAppShellI18nProvider({ children }) {
+	const { i18n } = useContext(I18nContext);
+	useTranslation();
+	const language = i18n.language;
+	const appShellI18n = useMemo(() => ({
+		language,
+		changeLanguage: async (newLng) => {
+			if (i18n) await i18n.changeLanguage(newLng);
+			else console.warn("I18N not initialized");
+		}
+	}), [i18n, language]);
+	return /* @__PURE__ */ jsx(HvAppShellI18nContext.Provider, {
+		value: appShellI18n,
+		children
+	});
 }
-export {
-  HvAppShellI18nProvider
-};
+//#endregion
+export { HvAppShellI18nProvider };

package/dist/components/AppShellProvider/AppShellProvider.js

@@ -1,96 +1,89 @@
-import { jsx } from "react/jsx-runtime";
-import { useContext, useMemo, useState, useEffect } from "react";
-import { I18nContext } from "react-i18next";
-import { HvAppShellRuntimeContext, HvAppShellContext, HvAppShellModelContext, HvAppShellCombinedProvidersContext } from "@hitachivantara/app-shell-shared";
-import { themes, HvProvider } from "@hitachivantara/uikit-react-core";
-import { useFilteredModel } from "../../hooks/useFilteredModel.js";
 import useLocalStorage from "../../hooks/useLocalStorage.js";
+import { useFilteredModel } from "../../hooks/useFilteredModel.js";
 import { useModelFromConfig } from "../../hooks/useModelFromConfig.js";
 import CombinedProviders from "../../utils/CombinedProviders.js";
-const AppShellProviderInner = ({
-  config,
-  model,
-  children
-}) => {
-  const { value: storedColorModeValue } = useLocalStorage("COLOR_MODE");
-  const { isPending: isModelPending, model: filteredModel } = useFilteredModel(model);
-  const [theme, setTheme] = useState();
-  useEffect(() => {
-    const theme2 = filteredModel?.theming?.theme;
-    if (!theme2) return;
-    if (themes[theme2]) {
-      setTheme(themes[theme2]);
-      return;
-    }
-    import(
-      /* @vite-ignore */
-      theme2
-    ).then((module) => {
-      setTheme(module.default);
-    }).catch((e) => {
-      console.error(`Import of theme bundle ${theme2} failed! ${e}`);
-    });
-  }, [filteredModel?.theming?.theme]);
-  const providers = useMemo(() => {
-    if (!filteredModel?.providers) {
-      return;
-    }
-    const providersComponents = [];
-    for (const { bundle, key, config: config2 } of filteredModel.providers) {
-      const component = model.preloadedBundles.get(
-        bundle
-      );
-      providersComponents.push({
-        key,
-        component,
-        config: config2
-      });
-    }
-    return providersComponents;
-  }, [filteredModel?.providers, model.preloadedBundles]);
-  const providersContext = useMemo(
-    () => ({
-      providers
-    }),
-    [providers]
-  );
-  const appShellConfigContextValue = useMemo(() => config, [config]);
-  const appShellModelContextValue = useMemo(
-    () => filteredModel,
-    [filteredModel]
-  );
-  if (isModelPending || !filteredModel || filteredModel.theming?.theme && !theme) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(HvAppShellContext.Provider, { value: appShellConfigContextValue, children: /* @__PURE__ */ jsx(HvAppShellModelContext.Provider, { value: appShellModelContextValue, children: /* @__PURE__ */ jsx(
-    HvProvider,
-    {
-      theme,
-      colorMode: storedColorModeValue ?? filteredModel.theming?.colorMode,
-      children: /* @__PURE__ */ jsx(HvAppShellCombinedProvidersContext.Provider, { value: providersContext, children })
-    }
-  ) }) });
+import { useContext, useEffect, useMemo, useState } from "react";
+import { I18nContext } from "react-i18next";
+import { HvProvider, themes } from "@hitachivantara/uikit-react-core";
+import { HvAppShellCombinedProvidersContext, HvAppShellContext, HvAppShellModelContext, HvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/AppShellProvider/AppShellProvider.tsx
+var AppShellProviderInner = ({ config: configProp, model, children }) => {
+	const { value: storedColorModeValue } = useLocalStorage("COLOR_MODE");
+	const { isPending: isModelPending, model: filteredModel } = useFilteredModel(model);
+	const [theme, setTheme] = useState();
+	useEffect(() => {
+		const newTheme = filteredModel?.theming?.theme;
+		if (!newTheme) return;
+		if (themes[newTheme]) {
+			setTheme(themes[newTheme]);
+			return;
+		}
+		import(
+			/* @vite-ignore */
+			newTheme
+).then((module) => {
+			setTheme(module.default);
+		}).catch((e) => {
+			console.error(`Import of theme bundle ${newTheme} failed! ${e}`);
+		});
+	}, [filteredModel?.theming?.theme]);
+	const providers = useMemo(() => {
+		if (!filteredModel?.providers) return;
+		const providersComponents = [];
+		for (const { bundle, key, config } of filteredModel.providers) {
+			const component = model.preloadedBundles.get(bundle);
+			providersComponents.push({
+				key,
+				component,
+				config
+			});
+		}
+		return providersComponents;
+	}, [filteredModel?.providers, model.preloadedBundles]);
+	const providersContext = useMemo(() => ({ providers }), [providers]);
+	const appShellConfigContextValue = useMemo(() => configProp, [configProp]);
+	const appShellModelContextValue = useMemo(() => filteredModel, [filteredModel]);
+	if (isModelPending || !filteredModel || filteredModel.theming?.theme && !theme) return null;
+	return /* @__PURE__ */ jsx(HvAppShellContext.Provider, {
+		value: appShellConfigContextValue,
+		children: /* @__PURE__ */ jsx(HvAppShellModelContext.Provider, {
+			value: appShellModelContextValue,
+			children: /* @__PURE__ */ jsx(HvProvider, {
+				theme,
+				colorMode: storedColorModeValue ?? filteredModel.theming?.colorMode,
+				children: /* @__PURE__ */ jsx(HvAppShellCombinedProvidersContext.Provider, {
+					value: providersContext,
+					children
+				})
+			})
+		})
+	});
 };
-function HvAppShellProvider({
-  children,
-  config: configProp
-}) {
-  const { i18n } = useContext(I18nContext);
-  const runtimeContext = useMemo(() => ({ i18n }), [i18n]);
-  const { model, isPending: areBundlesLoading } = useModelFromConfig(configProp);
-  const systemProviders = useMemo(() => {
-    if (!model?.systemProviders) return void 0;
-    return model.systemProviders.map(({ key, bundle, config }) => ({
-      key,
-      component: model.preloadedBundles.get(bundle),
-      config
-    }));
-  }, [model?.systemProviders, model?.preloadedBundles]);
-  if (!configProp || !model || areBundlesLoading) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(HvAppShellRuntimeContext.Provider, { value: runtimeContext, children: /* @__PURE__ */ jsx(CombinedProviders, { providers: systemProviders, children: /* @__PURE__ */ jsx(AppShellProviderInner, { config: configProp, model, children }) }) });
+function HvAppShellProvider({ children, config: configProp }) {
+	const { i18n } = useContext(I18nContext);
+	const runtimeContext = useMemo(() => ({ i18n }), [i18n]);
+	const { model, isPending: areBundlesLoading } = useModelFromConfig(configProp);
+	const systemProviders = useMemo(() => {
+		if (!model?.systemProviders) return void 0;
+		return model.systemProviders.map(({ key, bundle, config }) => ({
+			key,
+			component: model.preloadedBundles.get(bundle),
+			config
+		}));
+	}, [model?.systemProviders, model?.preloadedBundles]);
+	if (!configProp || !model || areBundlesLoading) return null;
+	return /* @__PURE__ */ jsx(HvAppShellRuntimeContext.Provider, {
+		value: runtimeContext,
+		children: /* @__PURE__ */ jsx(CombinedProviders, {
+			providers: systemProviders,
+			children: /* @__PURE__ */ jsx(AppShellProviderInner, {
+				config: configProp,
+				model,
+				children
+			})
+		})
+	});
 }
-export {
-  HvAppShellProvider
-};
+//#endregion
+export { HvAppShellProvider };