@hai3/react 0.3.0-alpha.0 → 0.4.0-alpha.1

package/dist/index.cjs

@@ -20,139 +20,176 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  ACCOUNTS_DOMAIN: () => import_framework2.ACCOUNTS_DOMAIN,
-  ApiPlugin: () => import_framework2.ApiPlugin,
-  ApiPluginBase: () => import_framework2.ApiPluginBase,
-  ApiProtocol: () => import_framework2.ApiProtocol,
-  AppRouter: () => AppRouter,
-  BaseApiService: () => import_framework2.BaseApiService,
+  ACCOUNTS_DOMAIN: () => import_framework6.ACCOUNTS_DOMAIN,
+  ApiPlugin: () => import_framework6.ApiPlugin,
+  ApiPluginBase: () => import_framework6.ApiPluginBase,
+  ApiProtocol: () => import_framework6.ApiProtocol,
+  BaseApiService: () => import_framework6.BaseApiService,
+  ContainerProvider: () => import_framework15.ContainerProvider,
+  ExtensionDomainSlot: () => ExtensionDomainSlot,
   HAI3Context: () => HAI3Context,
   HAI3Provider: () => HAI3Provider,
-  I18nRegistry: () => import_framework2.I18nRegistry,
-  I18nRegistryImpl: () => import_framework2.I18nRegistryImpl,
-  LAYOUT_SLICE_NAME: () => import_framework2.LAYOUT_SLICE_NAME,
-  Language: () => import_framework3.Language,
-  LanguageDisplayMode: () => import_framework3.LanguageDisplayMode,
-  LayoutDomain: () => import_framework2.LayoutDomain,
-  MOCK_PLUGIN: () => import_framework2.MOCK_PLUGIN,
-  MockEventSource: () => import_framework2.MockEventSource,
-  MockEvents: () => import_framework2.MockEvents,
-  RestMockPlugin: () => import_framework2.RestMockPlugin,
-  RestPlugin: () => import_framework2.RestPlugin,
-  RestPluginWithConfig: () => import_framework2.RestPluginWithConfig,
-  RestProtocol: () => import_framework2.RestProtocol,
-  RouteParamsContext: () => RouteParamsContext,
-  RouteParamsProvider: () => RouteParamsProvider,
-  SUPPORTED_LANGUAGES: () => import_framework2.SUPPORTED_LANGUAGES,
-  ScreensetCategory: () => import_framework2.ScreensetCategory,
-  SseMockPlugin: () => import_framework2.SseMockPlugin,
-  SsePlugin: () => import_framework2.SsePlugin,
-  SsePluginWithConfig: () => import_framework2.SsePluginWithConfig,
-  SseProtocol: () => import_framework2.SseProtocol,
-  TENANT_SLICE_NAME: () => import_framework2.TENANT_SLICE_NAME,
-  TenantEvents: () => import_framework2.TenantEvents,
-  TextDirection: () => import_framework3.TextDirection,
-  apiRegistry: () => import_framework2.apiRegistry,
-  changeTenant: () => import_framework2.changeTenant,
-  clearActiveScreen: () => import_framework2.clearActiveScreen,
-  clearTenant: () => import_framework2.clearTenant,
-  clearTenantAction: () => import_framework2.clearTenantAction,
-  clearUser: () => import_framework2.clearUser,
-  closeAllPopups: () => import_framework2.closeAllPopups,
-  closePopup: () => import_framework2.closePopup,
-  closeTopPopup: () => import_framework2.closeTopPopup,
-  createHAI3: () => import_framework2.createHAI3,
-  createHAI3App: () => import_framework2.createHAI3App,
-  createI18nRegistry: () => import_framework2.createI18nRegistry,
-  createRouteRegistry: () => import_framework2.createRouteRegistry,
-  createScreensetRegistry: () => import_framework2.createScreensetRegistry,
-  createSlice: () => import_framework2.createSlice,
-  createStore: () => import_framework2.createStore,
-  createThemeRegistry: () => import_framework2.createThemeRegistry,
-  effects: () => import_framework2.effects,
+  HAI3_ACTION_LOAD_EXT: () => import_framework13.HAI3_ACTION_LOAD_EXT,
+  HAI3_ACTION_MOUNT_EXT: () => import_framework13.HAI3_ACTION_MOUNT_EXT,
+  HAI3_ACTION_UNMOUNT_EXT: () => import_framework13.HAI3_ACTION_UNMOUNT_EXT,
+  HAI3_MFE_ENTRY_MF: () => import_framework12.HAI3_MFE_ENTRY_MF,
+  HAI3_OVERLAY_DOMAIN: () => import_framework11.HAI3_OVERLAY_DOMAIN,
+  HAI3_POPUP_DOMAIN: () => import_framework11.HAI3_POPUP_DOMAIN,
+  HAI3_SCREEN_DOMAIN: () => import_framework11.HAI3_SCREEN_DOMAIN,
+  HAI3_SCREEN_EXTENSION_TYPE: () => import_framework12.HAI3_SCREEN_EXTENSION_TYPE,
+  HAI3_SHARED_PROPERTY_LANGUAGE: () => import_framework14.HAI3_SHARED_PROPERTY_LANGUAGE,
+  HAI3_SHARED_PROPERTY_THEME: () => import_framework14.HAI3_SHARED_PROPERTY_THEME,
+  HAI3_SIDEBAR_DOMAIN: () => import_framework11.HAI3_SIDEBAR_DOMAIN,
+  I18nRegistry: () => import_framework6.I18nRegistry,
+  I18nRegistryImpl: () => import_framework6.I18nRegistryImpl,
+  LAYOUT_SLICE_NAME: () => import_framework6.LAYOUT_SLICE_NAME,
+  Language: () => import_framework7.Language,
+  LanguageDisplayMode: () => import_framework7.LanguageDisplayMode,
+  LayoutDomain: () => import_framework6.LayoutDomain,
+  MOCK_PLUGIN: () => import_framework6.MOCK_PLUGIN,
+  MfeBridgeFactory: () => import_framework15.MfeBridgeFactory,
+  MfeContext: () => MfeContext,
+  MfeHandler: () => import_framework15.MfeHandler,
+  MfeHandlerMF: () => import_framework16.MfeHandlerMF,
+  MfeProvider: () => MfeProvider,
+  MockEventSource: () => import_framework6.MockEventSource,
+  MockEvents: () => import_framework6.MockEvents,
+  RefContainerProvider: () => RefContainerProvider,
+  RestMockPlugin: () => import_framework6.RestMockPlugin,
+  RestPlugin: () => import_framework6.RestPlugin,
+  RestPluginWithConfig: () => import_framework6.RestPluginWithConfig,
+  RestProtocol: () => import_framework6.RestProtocol,
+  SUPPORTED_LANGUAGES: () => import_framework6.SUPPORTED_LANGUAGES,
+  ScreensetsRegistry: () => import_framework15.ScreensetsRegistry,
+  ScreensetsRegistryFactory: () => import_framework15.ScreensetsRegistryFactory,
+  SseMockPlugin: () => import_framework6.SseMockPlugin,
+  SsePlugin: () => import_framework6.SsePlugin,
+  SsePluginWithConfig: () => import_framework6.SsePluginWithConfig,
+  SseProtocol: () => import_framework6.SseProtocol,
+  TENANT_SLICE_NAME: () => import_framework6.TENANT_SLICE_NAME,
+  TenantEvents: () => import_framework6.TenantEvents,
+  TextDirection: () => import_framework7.TextDirection,
+  apiRegistry: () => import_framework6.apiRegistry,
+  changeTenant: () => import_framework6.changeTenant,
+  clearActiveScreen: () => import_framework6.clearActiveScreen,
+  clearTenant: () => import_framework6.clearTenant,
+  clearTenantAction: () => import_framework6.clearTenantAction,
+  clearUser: () => import_framework6.clearUser,
+  closeAllPopups: () => import_framework6.closeAllPopups,
+  closePopup: () => import_framework6.closePopup,
+  closeTopPopup: () => import_framework6.closeTopPopup,
+  createHAI3: () => import_framework6.createHAI3,
+  createHAI3App: () => import_framework6.createHAI3App,
+  createI18nRegistry: () => import_framework6.createI18nRegistry,
+  createShadowRoot: () => import_framework17.createShadowRoot,
+  createSlice: () => import_framework6.createSlice,
+  createStore: () => import_framework6.createStore,
+  createThemeRegistry: () => import_framework6.createThemeRegistry,
+  effects: () => import_framework6.effects,
   eventBus: () => eventBus,
-  footerActions: () => import_framework2.footerActions,
-  footerSlice: () => import_framework2.footerSlice,
-  getLanguageMetadata: () => import_framework2.getLanguageMetadata,
-  getStore: () => import_framework2.getStore,
-  hasSlice: () => import_framework2.hasSlice,
-  headerActions: () => import_framework2.headerActions,
-  headerSlice: () => import_framework2.headerSlice,
-  hideOverlay: () => import_framework2.hideOverlay,
-  i18n: () => import_framework2.i18n,
-  i18nRegistry: () => import_framework2.i18nRegistry,
-  initMockEffects: () => import_framework2.initMockEffects,
-  initTenantEffects: () => import_framework2.initTenantEffects,
-  isMockPlugin: () => import_framework2.isMockPlugin,
-  isRestShortCircuit: () => import_framework2.isRestShortCircuit,
-  isShortCircuit: () => import_framework2.isShortCircuit,
-  isSseShortCircuit: () => import_framework2.isSseShortCircuit,
-  layout: () => import_framework2.layout,
-  layoutDomainReducers: () => import_framework2.layoutDomainReducers,
-  layoutReducer: () => import_framework2.layoutReducer,
-  menuActions: () => import_framework2.menuActions,
-  menuSlice: () => import_framework2.menuSlice,
-  mockActions: () => import_framework2.mockActions,
-  mockSlice: () => import_framework2.mockSlice,
-  navigateTo: () => import_framework2.navigateTo,
-  navigation: () => import_framework2.navigation,
-  openPopup: () => import_framework2.openPopup,
-  overlayActions: () => import_framework2.overlayActions,
-  overlaySlice: () => import_framework2.overlaySlice,
-  popupActions: () => import_framework2.popupActions,
-  popupSlice: () => import_framework2.popupSlice,
-  presets: () => import_framework2.presets,
-  registerSlice: () => import_framework2.registerSlice,
-  routing: () => import_framework2.routing,
-  screenActions: () => import_framework2.screenActions,
-  screenSlice: () => import_framework2.screenSlice,
-  screensetRegistry: () => import_framework2.screensetRegistry,
-  screensets: () => import_framework2.screensets,
-  setActiveScreen: () => import_framework2.setActiveScreen,
-  setFooterConfig: () => import_framework2.setFooterConfig,
-  setFooterVisible: () => import_framework2.setFooterVisible,
-  setHeaderLoading: () => import_framework2.setHeaderLoading,
-  setMenuCollapsed: () => import_framework2.setMenuCollapsed,
-  setMenuConfig: () => import_framework2.setMenuConfig,
-  setMenuItems: () => import_framework2.setMenuItems,
-  setMenuVisible: () => import_framework2.setMenuVisible,
-  setMockEnabled: () => import_framework2.setMockEnabled,
-  setOverlayVisible: () => import_framework2.setOverlayVisible,
-  setScreenLoading: () => import_framework2.setScreenLoading,
-  setSidebarCollapsed: () => import_framework2.setSidebarCollapsed,
-  setSidebarConfig: () => import_framework2.setSidebarConfig,
-  setSidebarContent: () => import_framework2.setSidebarContent,
-  setSidebarPosition: () => import_framework2.setSidebarPosition,
-  setSidebarTitle: () => import_framework2.setSidebarTitle,
-  setSidebarVisible: () => import_framework2.setSidebarVisible,
-  setSidebarWidth: () => import_framework2.setSidebarWidth,
-  setTenant: () => import_framework2.setTenant,
-  setTenantLoading: () => import_framework2.setTenantLoading,
-  setTenantLoadingState: () => import_framework2.setTenantLoadingState,
-  setUser: () => import_framework2.setUser,
-  showOverlay: () => import_framework2.showOverlay,
-  sidebarActions: () => import_framework2.sidebarActions,
-  sidebarSlice: () => import_framework2.sidebarSlice,
-  tenantActions: () => import_framework2.tenantActions,
-  tenantReducer: () => import_framework2.tenantReducer,
-  tenantSlice: () => import_framework2.tenantSlice,
-  themes: () => import_framework2.themes,
-  toggleMenu: () => import_framework2.toggleMenu,
-  toggleMockMode: () => import_framework2.toggleMockMode,
-  toggleSidebar: () => import_framework2.toggleSidebar,
+  extractGtsPackage: () => import_framework17.extractGtsPackage,
+  footerActions: () => import_framework6.footerActions,
+  footerSlice: () => import_framework6.footerSlice,
+  getLanguageMetadata: () => import_framework6.getLanguageMetadata,
+  getStore: () => import_framework6.getStore,
+  gtsPlugin: () => import_framework16.gtsPlugin,
+  hasSlice: () => import_framework6.hasSlice,
+  headerActions: () => import_framework6.headerActions,
+  headerSlice: () => import_framework6.headerSlice,
+  hideOverlay: () => import_framework6.hideOverlay,
+  i18n: () => import_framework6.i18n,
+  i18nRegistry: () => import_framework6.i18nRegistry,
+  initMockEffects: () => import_framework6.initMockEffects,
+  initTenantEffects: () => import_framework6.initTenantEffects,
+  injectCssVariables: () => import_framework17.injectCssVariables,
+  isMockPlugin: () => import_framework6.isMockPlugin,
+  isRestShortCircuit: () => import_framework6.isRestShortCircuit,
+  isShortCircuit: () => import_framework6.isShortCircuit,
+  isSseShortCircuit: () => import_framework6.isSseShortCircuit,
+  layout: () => import_framework6.layout,
+  layoutDomainReducers: () => import_framework6.layoutDomainReducers,
+  layoutReducer: () => import_framework6.layoutReducer,
+  loadExtension: () => import_framework9.loadExtension,
+  menuActions: () => import_framework6.menuActions,
+  menuSlice: () => import_framework6.menuSlice,
+  microfrontends: () => import_framework8.microfrontends,
+  mock: () => import_framework8.mock,
+  mockActions: () => import_framework6.mockActions,
+  mockSlice: () => import_framework6.mockSlice,
+  mountExtension: () => import_framework9.mountExtension,
+  navigateTo: () => import_framework6.navigateTo,
+  openPopup: () => import_framework6.openPopup,
+  overlayActions: () => import_framework6.overlayActions,
+  overlayDomain: () => import_framework11.overlayDomain,
+  overlaySlice: () => import_framework6.overlaySlice,
+  popupActions: () => import_framework6.popupActions,
+  popupDomain: () => import_framework11.popupDomain,
+  popupSlice: () => import_framework6.popupSlice,
+  presets: () => import_framework6.presets,
+  registerExtension: () => import_framework9.registerExtension,
+  registerSlice: () => import_framework6.registerSlice,
+  screenActions: () => import_framework6.screenActions,
+  screenDomain: () => import_framework11.screenDomain,
+  screenSlice: () => import_framework6.screenSlice,
+  screensets: () => import_framework6.screensets,
+  screensetsRegistryFactory: () => import_framework15.screensetsRegistryFactory,
+  selectExtensionError: () => import_framework10.selectExtensionError,
+  selectExtensionState: () => import_framework10.selectExtensionState,
+  selectRegisteredExtensions: () => import_framework10.selectRegisteredExtensions,
+  setActiveScreen: () => import_framework6.setActiveScreen,
+  setFooterConfig: () => import_framework6.setFooterConfig,
+  setFooterVisible: () => import_framework6.setFooterVisible,
+  setHeaderLoading: () => import_framework6.setHeaderLoading,
+  setMenuCollapsed: () => import_framework6.setMenuCollapsed,
+  setMenuConfig: () => import_framework6.setMenuConfig,
+  setMenuItems: () => import_framework6.setMenuItems,
+  setMenuVisible: () => import_framework6.setMenuVisible,
+  setMockEnabled: () => import_framework6.setMockEnabled,
+  setOverlayVisible: () => import_framework6.setOverlayVisible,
+  setScreenLoading: () => import_framework6.setScreenLoading,
+  setSidebarCollapsed: () => import_framework6.setSidebarCollapsed,
+  setSidebarConfig: () => import_framework6.setSidebarConfig,
+  setSidebarContent: () => import_framework6.setSidebarContent,
+  setSidebarPosition: () => import_framework6.setSidebarPosition,
+  setSidebarTitle: () => import_framework6.setSidebarTitle,
+  setSidebarVisible: () => import_framework6.setSidebarVisible,
+  setSidebarWidth: () => import_framework6.setSidebarWidth,
+  setTenant: () => import_framework6.setTenant,
+  setTenantLoading: () => import_framework6.setTenantLoading,
+  setTenantLoadingState: () => import_framework6.setTenantLoadingState,
+  setUser: () => import_framework6.setUser,
+  showOverlay: () => import_framework6.showOverlay,
+  sidebarActions: () => import_framework6.sidebarActions,
+  sidebarDomain: () => import_framework11.sidebarDomain,
+  sidebarSlice: () => import_framework6.sidebarSlice,
+  tenantActions: () => import_framework6.tenantActions,
+  tenantReducer: () => import_framework6.tenantReducer,
+  tenantSlice: () => import_framework6.tenantSlice,
+  themes: () => import_framework6.themes,
+  toggleMenu: () => import_framework6.toggleMenu,
+  toggleMockMode: () => import_framework6.toggleMockMode,
+  toggleSidebar: () => import_framework6.toggleSidebar,
+  unmountExtension: () => import_framework9.unmountExtension,
+  unregisterExtension: () => import_framework9.unregisterExtension,
+  useActivePackage: () => useActivePackage,
   useAppDispatch: () => useAppDispatch,
   useAppSelector: () => useAppSelector,
+  useDomainExtensions: () => useDomainExtensions,
+  useFormatters: () => useFormatters,
   useHAI3: () => useHAI3,
-  useNavigation: () => useNavigation,
-  useRouteParams: () => useRouteParams,
+  useHostAction: () => useHostAction,
+  useMfeBridge: () => useMfeBridge,
+  useMfeContext: () => useMfeContext,
+  useRegisteredPackages: () => useRegisteredPackages,
   useScreenTranslations: () => useScreenTranslations,
+  useSharedProperty: () => useSharedProperty,
   useTheme: () => useTheme,
   useTranslation: () => useTranslation
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/HAI3Provider.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_react_redux = require("react-redux");
 var import_framework = require("@hai3/framework");
 
@@ -169,33 +206,51 @@ function useHAI3() {
   return context;
 }
 
-// src/HAI3Provider.tsx
+// src/mfe/MfeContext.tsx
+var import_react2 = require("react");
+var MfeContext = (0, import_react2.createContext)(null);
+function useMfeContext() {
+  const context = (0, import_react2.useContext)(MfeContext);
+  if (!context) {
+    throw new Error(
+      "useMfeContext must be used within a MfeProvider. This hook can only be used inside MFE components."
+    );
+  }
+  return context;
+}
+
+// src/mfe/MfeProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var MfeProvider = ({ value, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MfeContext.Provider, { value, children });
+};
+
+// src/HAI3Provider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var HAI3Provider = ({
   children,
   config,
   app: providedApp,
-  router
+  mfeBridge
 }) => {
-  const app = (0, import_react2.useMemo)(() => {
+  const app = (0, import_react3.useMemo)(() => {
     if (providedApp) {
       return providedApp;
     }
-    const mergedConfig = {
-      ...config,
-      routerMode: router?.type,
-      autoNavigate: router?.autoNavigate ?? config?.autoNavigate
-    };
-    return (0, import_framework.createHAI3App)(mergedConfig);
-  }, [providedApp, config, router]);
-  (0, import_react2.useEffect)(() => {
+    return (0, import_framework.createHAI3App)(config);
+  }, [providedApp, config]);
+  (0, import_react3.useEffect)(() => {
     return () => {
       if (!providedApp) {
         app.destroy();
       }
     };
   }, [app, providedApp]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HAI3Context.Provider, { value: app, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_redux.Provider, { store: app.store, children }) });
+  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(HAI3Context.Provider, { value: app, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_redux.Provider, { store: app.store, children }) });
+  if (mfeBridge) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MfeProvider, { value: mfeBridge, children: content });
+  }
+  return content;
 };
 
 // src/hooks/useAppDispatch.ts
@@ -209,12 +264,12 @@ var import_react_redux3 = require("react-redux");
 var useAppSelector = import_react_redux3.useSelector;
 
 // src/hooks/useTranslation.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 function useTranslation() {
   const app = useHAI3();
   const { i18nRegistry: i18nRegistry2 } = app;
-  const version = (0, import_react3.useSyncExternalStore)(
-    (0, import_react3.useCallback)(
+  const version = (0, import_react4.useSyncExternalStore)(
+    (0, import_react4.useCallback)(
       (callback) => {
         return i18nRegistry2.subscribe(callback);
       },
@@ -223,23 +278,25 @@ function useTranslation() {
     () => i18nRegistry2.getVersion(),
     () => i18nRegistry2.getVersion()
   );
-  const language = (0, import_react3.useMemo)(() => {
+  const language = (0, import_react4.useMemo)(() => {
     void version;
     return i18nRegistry2.getLanguage();
   }, [i18nRegistry2, version]);
-  const t = (0, import_react3.useCallback)(
+  const t = (0, import_react4.useCallback)(
     (key, params) => {
       return i18nRegistry2.t(key, params);
     },
     [i18nRegistry2]
   );
-  const setLanguage = (0, import_react3.useCallback)(
-    async (lang) => {
-      await i18nRegistry2.setLanguage(lang);
+  const setLanguage = (0, import_react4.useCallback)(
+    (lang) => {
+      if (app.actions.setLanguage) {
+        app.actions.setLanguage({ language: lang });
+      }
     },
-    [i18nRegistry2]
+    [app.actions]
   );
-  const isRTL = (0, import_react3.useMemo)(() => {
+  const isRTL = (0, import_react4.useMemo)(() => {
     void language;
     return i18nRegistry2.isRTL();
   }, [i18nRegistry2, language]);
@@ -252,29 +309,29 @@ function useTranslation() {
 }
 
 // src/hooks/useScreenTranslations.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function isTranslationLoader(input) {
   return typeof input === "function";
 }
 function useScreenTranslations(screensetId, screenId, translations) {
   const app = useHAI3();
   const { i18nRegistry: i18nRegistry2 } = app;
-  const [loadedLanguage, setLoadedLanguage] = (0, import_react4.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react4.useState)(false);
-  const [error, setError] = (0, import_react4.useState)(null);
-  const version = (0, import_react4.useSyncExternalStore)(
-    (0, import_react4.useCallback)(
+  const [loadedLanguage, setLoadedLanguage] = (0, import_react5.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const version = (0, import_react5.useSyncExternalStore)(
+    (0, import_react5.useCallback)(
       (callback) => i18nRegistry2.subscribe(callback),
       [i18nRegistry2]
     ),
     () => i18nRegistry2.getVersion(),
     () => i18nRegistry2.getVersion()
   );
-  const currentLanguage = (0, import_react4.useMemo)(() => {
+  const currentLanguage = (0, import_react5.useMemo)(() => {
     void version;
     return i18nRegistry2.getLanguage();
   }, [i18nRegistry2, version]);
-  const loader = (0, import_react4.useMemo)(() => {
+  const loader = (0, import_react5.useMemo)(() => {
     if (isTranslationLoader(translations)) {
       return translations;
     }
@@ -287,7 +344,7 @@ function useScreenTranslations(screensetId, screenId, translations) {
       return module2.default;
     };
   }, [translations]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!currentLanguage || currentLanguage === loadedLanguage) {
       return;
     }
@@ -320,59 +377,29 @@ function useScreenTranslations(screensetId, screenId, translations) {
   return { isLoaded, error };
 }
 
-// src/hooks/useNavigation.ts
-var import_react5 = require("react");
-function useNavigation() {
-  const app = useHAI3();
-  const currentScreen = useAppSelector(
-    (state) => {
-      const flatKey = state;
-      if (flatKey["layout/screen"]) {
-        return flatKey["layout/screen"].activeScreen ?? null;
-      }
-      const nested = state;
-      return nested.layout?.screen?.activeScreen ?? null;
-    }
-  );
-  const navigateToScreen = (0, import_react5.useCallback)(
-    (screensetId, screenId, params) => {
-      if (app.actions.navigateToScreen) {
-        app.actions.navigateToScreen({ screensetId, screenId, params });
-      }
-    },
-    [app.actions]
-  );
-  const navigateToScreenset = (0, import_react5.useCallback)(
-    (screensetId) => {
-      if (app.actions.navigateToScreenset) {
-        app.actions.navigateToScreenset({ screensetId });
-      }
+// src/hooks/useFormatters.ts
+var import_react6 = require("react");
+var import_framework2 = require("@hai3/framework");
+function useFormatters() {
+  const { language } = useTranslation();
+  return (0, import_react6.useMemo)(
+    () => {
+      void language;
+      return {
+        formatDate: import_framework2.formatDate,
+        formatTime: import_framework2.formatTime,
+        formatDateTime: import_framework2.formatDateTime,
+        formatRelative: import_framework2.formatRelative,
+        formatNumber: import_framework2.formatNumber,
+        formatPercent: import_framework2.formatPercent,
+        formatCompact: import_framework2.formatCompact,
+        formatCurrency: import_framework2.formatCurrency,
+        compareStrings: import_framework2.compareStrings,
+        createCollator: import_framework2.createCollator
+      };
     },
-    [app.actions]
+    [language]
   );
-  const currentScreenset = currentScreen ? app.routeRegistry?.getScreensetForScreen(currentScreen) ?? null : null;
-  return {
-    navigateToScreen,
-    navigateToScreenset,
-    currentScreenset,
-    currentScreen
-  };
-}
-
-// src/contexts/RouteParamsContext.tsx
-var import_react6 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var RouteParamsContext = (0, import_react6.createContext)({});
-function RouteParamsProvider({ params, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RouteParamsContext.Provider, { value: params, children });
-}
-function useRouteParamsContext() {
-  return (0, import_react6.useContext)(RouteParamsContext);
-}
-
-// src/hooks/useRouteParams.ts
-function useRouteParams() {
-  return useRouteParamsContext();
 }
 
 // src/hooks/useTheme.ts
@@ -416,101 +443,310 @@ function useTheme() {
   };
 }
 
-// src/components/AppRouter.tsx
+// src/mfe/hooks/useMfeBridge.ts
+function useMfeBridge() {
+  const { bridge } = useMfeContext();
+  return bridge;
+}
+
+// src/mfe/hooks/useSharedProperty.ts
 var import_react8 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var AppRouter = ({
-  fallback = null,
-  errorFallback
-}) => {
+function useSharedProperty(propertyTypeId) {
+  const { bridge } = useMfeContext();
+  const subscribe = (0, import_react8.useCallback)((callback) => {
+    return bridge.subscribeToProperty(propertyTypeId, () => {
+      callback();
+    });
+  }, [bridge, propertyTypeId]);
+  const getSnapshot = (0, import_react8.useCallback)(() => {
+    const property = bridge.getProperty(propertyTypeId);
+    return property?.value;
+  }, [bridge, propertyTypeId]);
+  const value = (0, import_react8.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+  return value;
+}
+
+// src/mfe/hooks/useHostAction.ts
+var import_react9 = require("react");
+function useHostAction(actionTypeId) {
+  const { bridge } = useMfeContext();
+  return (0, import_react9.useCallback)((payload) => {
+    const chain = {
+      action: {
+        type: actionTypeId,
+        target: bridge.domainId,
+        payload
+      }
+    };
+    bridge.executeActionsChain(chain).catch((error) => {
+      console.error(
+        `[useHostAction] Failed to send action '${actionTypeId}':`,
+        error
+      );
+    });
+  }, [actionTypeId, bridge]);
+}
+
+// src/mfe/hooks/useDomainExtensions.ts
+var import_react10 = require("react");
+function useDomainExtensions(domainId) {
   const app = useHAI3();
-  const { currentScreenset, currentScreen } = useNavigation();
-  const [ScreenComponent, setScreenComponent] = (0, import_react8.useState)(null);
-  const [error, setError] = (0, import_react8.useState)(null);
-  const [routeParams, setRouteParams] = (0, import_react8.useState)(() => {
-    if (typeof window === "undefined") {
-      return {};
+  const registry = app.screensetsRegistry;
+  if (!registry) {
+    throw new Error(
+      "useDomainExtensions requires the microfrontends plugin. Add microfrontends() to your HAI3 app configuration."
+    );
+  }
+  const subscribe = (0, import_react10.useCallback)(
+    (onStoreChange) => {
+      return app.store.subscribe(onStoreChange);
+    },
+    [app.store]
+  );
+  const cacheRef = (0, import_react10.useRef)({ ids: "", extensions: [] });
+  const getSnapshot = (0, import_react10.useCallback)(() => {
+    const extensions = registry.getExtensionsForDomain(domainId);
+    const ids = extensions.map((e) => e.id).join(",");
+    if (ids !== cacheRef.current.ids) {
+      cacheRef.current = { ids, extensions };
     }
-    const pathname = window.location.pathname;
-    const base = app.config.base || "";
-    const internalPath = base && pathname.startsWith(base) ? pathname.slice(base.length) || "/" : pathname;
-    const match = app.routeRegistry?.matchRoute(internalPath);
-    return match?.params ?? {};
-  });
-  (0, import_react8.useEffect)(() => {
-    if (typeof window === "undefined") {
-      return;
+    return cacheRef.current.extensions;
+  }, [registry, domainId]);
+  return (0, import_react10.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+}
+
+// src/mfe/hooks/useRegisteredPackages.ts
+var import_react11 = require("react");
+function useRegisteredPackages() {
+  const app = useHAI3();
+  const registry = app.screensetsRegistry;
+  if (!registry) {
+    throw new Error(
+      "useRegisteredPackages requires the microfrontends plugin. Add microfrontends() to your HAI3 app configuration."
+    );
+  }
+  const subscribe = (0, import_react11.useCallback)(
+    (onStoreChange) => {
+      return app.store.subscribe(onStoreChange);
+    },
+    [app.store]
+  );
+  const cacheRef = (0, import_react11.useRef)({ packages: "", list: [] });
+  const getSnapshot = (0, import_react11.useCallback)(() => {
+    const list = registry.getRegisteredPackages();
+    const packages = list.join(",");
+    if (packages !== cacheRef.current.packages) {
+      cacheRef.current = { packages, list };
     }
-    const pathname = window.location.pathname;
-    const base = app.config.base || "";
-    const internalPath = base && pathname.startsWith(base) ? pathname.slice(base.length) || "/" : pathname;
-    const match = app.routeRegistry?.matchRoute(internalPath);
-    setRouteParams(match?.params ?? {});
-  }, [app.config.base, app.routeRegistry, currentScreen]);
-  (0, import_react8.useEffect)(() => {
-    let cancelled = false;
-    const loadScreen = async () => {
-      if (!currentScreenset || !currentScreen) {
-        setScreenComponent(null);
+    return cacheRef.current.list;
+  }, [registry]);
+  return (0, import_react11.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+}
+
+// src/mfe/hooks/useActivePackage.ts
+var import_react12 = require("react");
+var import_framework3 = require("@hai3/framework");
+function useActivePackage() {
+  const app = useHAI3();
+  const registry = app.screensetsRegistry;
+  if (!registry) {
+    throw new Error(
+      "useActivePackage requires the microfrontends plugin. Add microfrontends() to your HAI3 app configuration."
+    );
+  }
+  const subscribe = (0, import_react12.useCallback)(
+    (onStoreChange) => {
+      return app.store.subscribe(onStoreChange);
+    },
+    [app.store]
+  );
+  const cacheRef = (0, import_react12.useRef)({ activePackage: void 0 });
+  const getSnapshot = (0, import_react12.useCallback)(() => {
+    const mountedExtensionId = registry.getMountedExtension(import_framework3.HAI3_SCREEN_DOMAIN);
+    if (!mountedExtensionId) {
+      const result = void 0;
+      if (result !== cacheRef.current.activePackage) {
+        cacheRef.current = { activePackage: result };
+      }
+      return cacheRef.current.activePackage;
+    }
+    const activePackage = (0, import_framework3.extractGtsPackage)(mountedExtensionId);
+    if (activePackage !== cacheRef.current.activePackage) {
+      cacheRef.current = { activePackage };
+    }
+    return cacheRef.current.activePackage;
+  }, [registry]);
+  return (0, import_react12.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+}
+
+// src/mfe/components/RefContainerProvider.ts
+var import_framework4 = require("@hai3/framework");
+var RefContainerProvider = class extends import_framework4.ContainerProvider {
+  constructor(containerRef) {
+    super();
+    this.containerRef = containerRef;
+  }
+  getContainer(_extensionId) {
+    if (!this.containerRef.current) {
+      throw new Error("Container ref is not attached -- component may not be mounted yet");
+    }
+    return this.containerRef.current;
+  }
+  releaseContainer(_extensionId) {
+  }
+};
+
+// src/mfe/components/ExtensionDomainSlot.tsx
+var import_react13 = require("react");
+var import_framework5 = require("@hai3/framework");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ExtensionDomainSlot(props) {
+  const {
+    registry,
+    domainId,
+    extensionId,
+    className,
+    onMounted,
+    onUnmounted,
+    onError,
+    loadingComponent,
+    errorComponent
+  } = props;
+  const containerRef = (0, import_react13.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(true);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const [bridge, setBridge] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
+    let mounted = true;
+    let currentBridge = null;
+    async function mountExtension2() {
+      if (!containerRef.current) {
         return;
       }
       try {
-        const loader = app.routeRegistry.getScreen(currentScreenset, currentScreen);
-        if (!loader) {
-          throw new Error(
-            `Screen "${currentScreen}" not found in screenset "${currentScreenset}".`
-          );
+        setIsLoading(true);
+        setError(null);
+        await registry.executeActionsChain({
+          action: {
+            type: import_framework5.HAI3_ACTION_MOUNT_EXT,
+            target: domainId,
+            payload: {
+              extensionId
+            }
+          }
+        });
+        if (!mounted) {
+          await registry.executeActionsChain({
+            action: {
+              type: import_framework5.HAI3_ACTION_UNMOUNT_EXT,
+              target: domainId,
+              payload: {
+                extensionId
+              }
+            }
+          });
+          return;
         }
-        const module2 = await loader();
-        if (!cancelled) {
-          setScreenComponent(() => module2.default);
-          setError(null);
+        const newBridge = registry.getParentBridge(extensionId);
+        if (!newBridge) {
+          throw new Error(`Failed to obtain bridge for extension ${extensionId} after mount`);
+        }
+        currentBridge = newBridge;
+        setBridge(newBridge);
+        setIsLoading(false);
+        if (onMounted) {
+          onMounted(newBridge);
         }
       } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err : new Error(String(err)));
-          setScreenComponent(null);
+        if (!mounted) {
+          return;
+        }
+        const errorObj = err instanceof Error ? err : new Error(String(err));
+        setError(errorObj);
+        setIsLoading(false);
+        if (onError) {
+          onError(errorObj);
         }
       }
-    };
-    loadScreen();
+    }
+    void mountExtension2();
     return () => {
-      cancelled = true;
-    };
-  }, [currentScreenset, currentScreen, app.routeRegistry]);
-  if (error) {
-    if (errorFallback) {
-      if (typeof errorFallback === "function") {
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: errorFallback(error) });
+      mounted = false;
+      if (currentBridge) {
+        void registry.executeActionsChain({
+          action: {
+            type: import_framework5.HAI3_ACTION_UNMOUNT_EXT,
+            target: domainId,
+            payload: {
+              extensionId
+            }
+          }
+        }).then(() => {
+          if (onUnmounted) {
+            onUnmounted();
+          }
+        });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: errorFallback });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "p-5 text-destructive", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { children: "Error loading screen" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: error.message })
-    ] });
+    };
+  }, [registry, domainId, extensionId, onMounted, onUnmounted, onError]);
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className, "data-domain-id": domainId, "data-extension-id": extensionId, children: loadingComponent ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: "Loading extension..." }) });
   }
-  if (!ScreenComponent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: fallback });
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className, "data-domain-id": domainId, "data-extension-id": extensionId, children: errorComponent ? errorComponent(error) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "Error loading extension:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { children: error.message })
+    ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RouteParamsProvider, { params: routeParams, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react8.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ScreenComponent, {}) }) });
-};
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      "data-domain-id": domainId,
+      "data-extension-id": extensionId,
+      "data-bridge-active": bridge !== null
+    }
+  );
+}
 
 // src/index.ts
-var import_framework2 = require("@hai3/framework");
-var import_framework3 = require("@hai3/framework");
-var import_framework4 = require("@hai3/framework");
-var eventBus = import_framework4.eventBus;
+var import_framework6 = require("@hai3/framework");
+var import_framework7 = require("@hai3/framework");
+var import_framework8 = require("@hai3/framework");
+var import_framework9 = require("@hai3/framework");
+var import_framework10 = require("@hai3/framework");
+var import_framework11 = require("@hai3/framework");
+var import_framework12 = require("@hai3/framework");
+var import_framework13 = require("@hai3/framework");
+var import_framework14 = require("@hai3/framework");
+var import_framework15 = require("@hai3/framework");
+var import_framework16 = require("@hai3/framework");
+var import_framework17 = require("@hai3/framework");
+var import_framework18 = require("@hai3/framework");
+var eventBus = import_framework18.eventBus;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACCOUNTS_DOMAIN,
   ApiPlugin,
   ApiPluginBase,
   ApiProtocol,
-  AppRouter,
   BaseApiService,
+  ContainerProvider,
+  ExtensionDomainSlot,
   HAI3Context,
   HAI3Provider,
+  HAI3_ACTION_LOAD_EXT,
+  HAI3_ACTION_MOUNT_EXT,
+  HAI3_ACTION_UNMOUNT_EXT,
+  HAI3_MFE_ENTRY_MF,
+  HAI3_OVERLAY_DOMAIN,
+  HAI3_POPUP_DOMAIN,
+  HAI3_SCREEN_DOMAIN,
+  HAI3_SCREEN_EXTENSION_TYPE,
+  HAI3_SHARED_PROPERTY_LANGUAGE,
+  HAI3_SHARED_PROPERTY_THEME,
+  HAI3_SIDEBAR_DOMAIN,
   I18nRegistry,
   I18nRegistryImpl,
   LAYOUT_SLICE_NAME,
@@ -518,16 +754,21 @@ var eventBus = import_framework4.eventBus;
   LanguageDisplayMode,
   LayoutDomain,
   MOCK_PLUGIN,
+  MfeBridgeFactory,
+  MfeContext,
+  MfeHandler,
+  MfeHandlerMF,
+  MfeProvider,
   MockEventSource,
   MockEvents,
+  RefContainerProvider,
   RestMockPlugin,
   RestPlugin,
   RestPluginWithConfig,
   RestProtocol,
-  RouteParamsContext,
-  RouteParamsProvider,
   SUPPORTED_LANGUAGES,
-  ScreensetCategory,
+  ScreensetsRegistry,
+  ScreensetsRegistryFactory,
   SseMockPlugin,
   SsePlugin,
   SsePluginWithConfig,
@@ -547,17 +788,18 @@ var eventBus = import_framework4.eventBus;
   createHAI3,
   createHAI3App,
   createI18nRegistry,
-  createRouteRegistry,
-  createScreensetRegistry,
+  createShadowRoot,
   createSlice,
   createStore,
   createThemeRegistry,
   effects,
   eventBus,
+  extractGtsPackage,
   footerActions,
   footerSlice,
   getLanguageMetadata,
   getStore,
+  gtsPlugin,
   hasSlice,
   headerActions,
   headerSlice,
@@ -566,6 +808,7 @@ var eventBus = import_framework4.eventBus;
   i18nRegistry,
   initMockEffects,
   initTenantEffects,
+  injectCssVariables,
   isMockPlugin,
   isRestShortCircuit,
   isShortCircuit,
@@ -573,24 +816,33 @@ var eventBus = import_framework4.eventBus;
   layout,
   layoutDomainReducers,
   layoutReducer,
+  loadExtension,
   menuActions,
   menuSlice,
+  microfrontends,
+  mock,
   mockActions,
   mockSlice,
+  mountExtension,
   navigateTo,
-  navigation,
   openPopup,
   overlayActions,
+  overlayDomain,
   overlaySlice,
   popupActions,
+  popupDomain,
   popupSlice,
   presets,
+  registerExtension,
   registerSlice,
-  routing,
   screenActions,
+  screenDomain,
   screenSlice,
-  screensetRegistry,
   screensets,
+  screensetsRegistryFactory,
+  selectExtensionError,
+  selectExtensionState,
+  selectRegisteredExtensions,
   setActiveScreen,
   setFooterConfig,
   setFooterVisible,
@@ -615,6 +867,7 @@ var eventBus = import_framework4.eventBus;
   setUser,
   showOverlay,
   sidebarActions,
+  sidebarDomain,
   sidebarSlice,
   tenantActions,
   tenantReducer,
@@ -623,12 +876,20 @@ var eventBus = import_framework4.eventBus;
   toggleMenu,
   toggleMockMode,
   toggleSidebar,
+  unmountExtension,
+  unregisterExtension,
+  useActivePackage,
   useAppDispatch,
   useAppSelector,
+  useDomainExtensions,
+  useFormatters,
   useHAI3,
-  useNavigation,
-  useRouteParams,
+  useHostAction,
+  useMfeBridge,
+  useMfeContext,
+  useRegisteredPackages,
   useScreenTranslations,
+  useSharedProperty,
   useTheme,
   useTranslation
 });