@m4l/layouts 9.1.8 → 9.1.9

package/components/MFHostApp/index.d.ts

@@ -1,10 +1,6 @@
 import { MFHostAppProps } from './types';
 /**
  * Componente que envuelve la aplicación de un microfrontend
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function MFHostApp(props: MFHostAppProps): import("react/jsx-runtime").JSX.Element;
 export default MFHostApp;

package/components/MFNoAuthApp/index.d.ts

@@ -1,10 +1,6 @@
 import { MFNoAuthAppProps } from './types';
 /**
  * Componente que envuelve la aplicación de un microfrontend sin autenticación
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-17 15:37:19 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function MFNoAuthApp(props: MFNoAuthAppProps): import("react/jsx-runtime").JSX.Element;
 export default MFNoAuthApp;

package/components/MFWindowsTitle/MFWindowsTitle.d.ts

@@ -1,9 +1,5 @@
 import { MFWindowsTitleProps } from './types';
 /**
  * Titulo de la ventana del microfrontend
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function MFWindowsTitle({ isAddEditModule, children }: MFWindowsTitleProps): import("react/jsx-runtime").JSX.Element;

package/contexts/AuthContext/index.d.ts

@@ -2,10 +2,6 @@ import { AuthProviderProps, SessionContextType } from './types';
 declare const AuthContext: import('react').Context<SessionContextType | null>;
 /**
  * Proveedor de autenticación
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 declare function AuthProvider(props: AuthProviderProps): import("react/jsx-runtime").JSX.Element;
 export { AuthContext, AuthProvider };

package/hooks/useAuth/index.d.ts

@@ -1,9 +1,5 @@
 /**
  * Hook para obtener el contexto de autenticación
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare const useAuth: () => import('../../contexts/AuthContext/types').SessionContextType;
 export default useAuth;

package/hooks/useModule/index.d.ts

@@ -1,9 +1,5 @@
 /**
  * Hook para obtener el contexto de un módulo
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare const useModule: () => import('../../layouts/ModuleLayout/contexts/ModuleContext/types').ModuleLayoutContextProps;
 export default useModule;

package/layouts/MasterDetailLayout/MasterDetailLayout.d.ts

@@ -1,9 +1,5 @@
 import { MasterDetailLayoutProps } from './types';
 /**
  * Layout de maestro detalle
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-12-05 10:48:46 - automatic
- * @updatedUser Bruce Escobar - automatic
  */
 export declare function MasterDetailLayout(props: MasterDetailLayoutProps): import("react/jsx-runtime").JSX.Element;

package/layouts/MasterDetailLayout/classes/index.d.ts

@@ -3,10 +3,6 @@ export declare const masterDetailLayoutClasses: MasterDetailLayoutClassesType;
 export declare function getMasterDetailLayoutUtilityClass(slot: string): string;
 /**
  * Hook para obtener las clases del componente MasterDetailLayout
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare const getMasterDetailLayoutUtilityClasses: () => {
     root: string;

package/layouts/MasterDetailLayout/components/ButtonDetail/index.d.ts

@@ -1,9 +1,5 @@
 import { ComponentActionProps } from '@m4l/components';
 /**
  * Botón de detalle
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 export declare function ButtonDetail(props: ComponentActionProps): import("react/jsx-runtime").JSX.Element;

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.d.ts

@@ -2,10 +2,6 @@ import { MasterDetailContextProps, MasterDetailProviderProps } from './types';
 declare const MasterDetailContext: import('react').Context<MasterDetailContextProps>;
 /**
  * Proveedor de contexto para el layout de maestro detalle
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-11-28 16:23:20 - automatic
- * @updatedUser Diego Betancur - automatic
  */
 declare function MasterDetailProvider(props: MasterDetailProviderProps): import("react/jsx-runtime").JSX.Element;
 export { MasterDetailProvider, MasterDetailContext };

package/layouts/ModuleLayout/ModuleLayout.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { ModalProvider } from "@m4l/components";
 import { forwardRef, useRef, useImperativeHandle } from "react";
-import { I as InnerModule } from "./subcomponents/InnerModule/index.js";
+import { B as BaseModuleLayout } from "./subcomponents/BaseModuleLayout/index.js";
 import { a as ModuleProvider } from "./contexts/ModuleContext/index.js";
 const ModuleLayout = forwardRef((props, ref) => {
   const { moduleId, moduleActions, version, children } = props;
@@ -13,9 +13,8 @@ const ModuleLayout = forwardRef((props, ref) => {
     openModal,
     current: moduleRef.current
   }));
-  return /* @__PURE__ */ jsx(ModuleProvider, { moduleId, moduleActions, version, children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(InnerModule, { ref: moduleRef, children }) }) });
+  return /* @__PURE__ */ jsx(ModuleProvider, { moduleId, moduleActions, version, children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(BaseModuleLayout, { ref: moduleRef, children }) }) });
 });
-ModuleLayout.displayName = "ModuleLayout";
 export {
   ModuleLayout as M
 };

package/layouts/ModuleLayout/constants.d.ts

@@ -0,0 +1 @@
+export declare const MODULE_LAYOUT_KEY = "M4LModuleLayout";

package/layouts/ModuleLayout/constants.js

@@ -0,0 +1,4 @@
+const MODULE_LAYOUT_KEY = "M4LModuleLayout";
+export {
+  MODULE_LAYOUT_KEY as M
+};

package/layouts/ModuleLayout/contexts/ModuleContext/index.d.ts

@@ -2,10 +2,6 @@ import { ModuleLayoutContextProps, ModuleLayoutProviderProps } from './types';
 declare const ModuleContext: import('react').Context<ModuleLayoutContextProps | null>;
 /**
  * Proveedor de contexto para el layout de modulo
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
  */
 declare function ModuleProvider(props: ModuleLayoutProviderProps): import("react/jsx-runtime").JSX.Element;
 export { ModuleProvider, ModuleContext };

package/layouts/ModuleLayout/contexts/ModuleContext/index.js

@@ -20,13 +20,8 @@ function ModuleProvider(props) {
     ModuleContext.Provider,
     {
       value: {
-        // moduleActions: finalModuleActions,
-        // dynamicActions,
         setDynamicActions,
         moduleId: configOptions.moduleId
-        // moduleNameField: configOptions.moduleNameField,
-        // urlIcon: configOptions.urlIcon,
-        // breadcrumbLinks: configOptions.breadcrumbLinks,
       },
       children
     }

package/layouts/ModuleLayout/slots/ModuleLayoutEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum ModuleLayoutSlots {
+    BaseModuleLayoutRoot = "BaseModuleLayoutRoot"
+}

package/layouts/ModuleLayout/slots/ModuleLayoutEnum.js

@@ -0,0 +1,7 @@
+var ModuleLayoutSlots = /* @__PURE__ */ ((ModuleLayoutSlots2) => {
+  ModuleLayoutSlots2["BaseModuleLayoutRoot"] = "BaseModuleLayoutRoot";
+  return ModuleLayoutSlots2;
+})(ModuleLayoutSlots || {});
+export {
+  ModuleLayoutSlots as M
+};

package/layouts/ModuleLayout/slots/ModuleLayoutSlots.d.ts

@@ -0,0 +1 @@
+export declare const ModuleLayoutRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/layouts/ModuleLayout/slots/ModuleLayoutSlots.js

@@ -0,0 +1,11 @@
+import { styled } from "@mui/material/styles";
+import { M as MODULE_LAYOUT_KEY } from "../constants.js";
+import { M as ModuleLayoutSlots } from "./ModuleLayoutEnum.js";
+import { m as moduleLayoutStyles } from "../styles.js";
+const ModuleLayoutRootStyled = styled("div", {
+  name: MODULE_LAYOUT_KEY,
+  slot: ModuleLayoutSlots.BaseModuleLayoutRoot
+})(moduleLayoutStyles.BaseModuleLayoutRoot);
+export {
+  ModuleLayoutRootStyled as M
+};

package/layouts/ModuleLayout/styles.d.ts

@@ -0,0 +1,2 @@
+import { ModuleLayoutStyles } from './types';
+export declare const moduleLayoutStyles: ModuleLayoutStyles;

package/layouts/ModuleLayout/styles.js

@@ -0,0 +1,16 @@
+const moduleLayoutStyles = {
+  /**
+   * Estilos para el componente BaseModuleLayout.
+   */
+  BaseModuleLayoutRoot: () => ({
+    "&.M4LModuleLayout-root": {
+      display: "flex",
+      width: "100%",
+      height: "100%",
+      overflow: "auto"
+    }
+  })
+};
+export {
+  moduleLayoutStyles as m
+};

package/layouts/ModuleLayout/subcomponents/BaseModuleLayout/index.d.ts

@@ -0,0 +1,2 @@
+import { ModuleProps, ModuleRef } from './types';
+export declare const BaseModuleLayout: import('react').ForwardRefExoticComponent<ModuleProps & import('react').RefAttributes<ModuleRef>>;

package/layouts/ModuleLayout/subcomponents/BaseModuleLayout/index.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle } from "react";
+import { useModal, getComponentSlotRoot } from "@m4l/components";
+import { M as ModuleLayoutRootStyled } from "../../slots/ModuleLayoutSlots.js";
+import { M as MODULE_LAYOUT_KEY } from "../../constants.js";
+const BaseModuleLayout = forwardRef((props, ref) => {
+  const { children } = props;
+  const { openModal } = useModal();
+  const divRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    openModal,
+    current: divRef.current
+  }));
+  const classRoot = getComponentSlotRoot(MODULE_LAYOUT_KEY);
+  return /* @__PURE__ */ jsx(ModuleLayoutRootStyled, { className: classRoot, ref: divRef, children });
+});
+export {
+  BaseModuleLayout as B
+};

package/layouts/ModuleLayout/types.d.ts

@@ -1,6 +1,10 @@
 import { ReactNode } from 'react';
 import { ModalOpenOptions, ModuleAction } from '@m4l/components';
-import { ModuleRef } from './subcomponents/InnerModule/types';
+import { ModuleRef } from './subcomponents/BaseModuleLayout/types';
+import { ModuleLayoutSlots } from './slots/ModuleLayoutEnum';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { MODULE_LAYOUT_KEY } from './constants';
+import { Theme } from '@mui/material/styles';
 export interface ContainerProps {
     vertical: boolean;
 }
@@ -14,3 +18,5 @@ export interface ModuleLayoutProps {
     children: ReactNode;
     version: string;
 }
+export type ModuleLayoutSlotsType = keyof typeof ModuleLayoutSlots;
+export type ModuleLayoutStyles = OverridesStyleRules<ModuleLayoutSlotsType, typeof MODULE_LAYOUT_KEY, Theme>;

package/layouts/NoAuthModuleLayout/constants.d.ts

@@ -0,0 +1 @@
+export declare const NOT_AUTH_MODULE_LAYOUT_KEY = "M4LNoAuthModuleLayout";

package/layouts/NoAuthModuleLayout/constants.js

@@ -0,0 +1,4 @@
+const NOT_AUTH_MODULE_LAYOUT_KEY = "M4LNoAuthModuleLayout";
+export {
+  NOT_AUTH_MODULE_LAYOUT_KEY as N
+};

package/layouts/NoAuthModuleLayout/index.d.ts

@@ -1,9 +1,8 @@
 import { NoAuthModuleLayoutProps } from './types';
 /**
- * Layout de modulo sin autenticación
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
+ * Este componente representa el layout de un módulo sin autenticación.
+ * ### Dependencias:
+ * - **`useEnvironment:`** Hook que devuelve el estado del entorno de la aplicación.
+ * - **`useLocales:`** Hook que devuelve el estado de las herramientas locales de la aplicación.
  */
 export declare const NoAuthModuleLayout: (props: NoAuthModuleLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { I as InnerModule } from "./subcomponents/InnerModule/index.js";
+import { B as BaseNoAuthModuleLayout } from "./subcomponents/BaseNoAuthModuleLayout/index.js";
 import { useEnvironment, BaseProvider, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider } from "@m4l/core";
-import { useLocales, ResponsiveContainerProvider } from "@m4l/graphics";
+import { useLocales } from "@m4l/graphics";
 const NoAuthModuleLayout = (props) => {
   const {
     moduleId,
@@ -13,8 +13,7 @@ const NoAuthModuleLayout = (props) => {
     companyLogoSmallUrl,
     companyLogoNormalUrl,
     moduleIlustrationUrl,
-    handleSetting,
-    observedDivRef
+    handleSetting
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const localeString = useLocales().currentLocale?.localeString;
@@ -44,7 +43,7 @@ const NoAuthModuleLayout = (props) => {
           moduleNameField,
           componentsDictionary,
           currentLang: localeString,
-          children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, { flags: finalSkeletonFlags, children: /* @__PURE__ */ jsx(ResponsiveContainerProvider, { observedDivRef, children: /* @__PURE__ */ jsx(InnerModule, {}) }) })
+          children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, { flags: finalSkeletonFlags, children: /* @__PURE__ */ jsx(BaseNoAuthModuleLayout, {}) })
         }
       ) })
     }

package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutEnum.d.ts

@@ -0,0 +1,25 @@
+export declare enum InnerModuleSlots {
+    baseNoAuthModuleLayoutRoot = "baseNoAuthModuleLayoutRoot"
+}
+export declare enum MobileContentSlots {
+    mobileContentRoot = "mobileContentRoot",
+    mobileBanner = "mobileBanner",
+    containerImageLanguage = "containerImageLanguage",
+    containerLogo = "containerLogo",
+    companyName = "companyName",
+    formContent = "formContent",
+    wrapperFormContent = "wrapperFormContent",
+    containerModuleName = "containerModuleName"
+}
+export declare enum DesktopContentSlots {
+    desktopContentRoot = "desktopContentRoot",
+    desktopBanner = "desktopBanner",
+    containerLogoDesktop = "containerLogoDesktop",
+    companyNameDesktop = "companyNameDesktop",
+    companyLeyendDesktop = "companyLeyendDesktop",
+    formContentDesktop = "formContentDesktop",
+    wrapperFormContentDesktop = "wrapperFormContentDesktop",
+    containerModuleNameDesktop = "containerModuleNameDesktop",
+    contentFormDesktop = "contentFormDesktop",
+    typographyBanner = "typographyBanner"
+}

package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutEnum.js

@@ -0,0 +1,33 @@
+var InnerModuleSlots = /* @__PURE__ */ ((InnerModuleSlots2) => {
+  InnerModuleSlots2["baseNoAuthModuleLayoutRoot"] = "baseNoAuthModuleLayoutRoot";
+  return InnerModuleSlots2;
+})(InnerModuleSlots || {});
+var MobileContentSlots = /* @__PURE__ */ ((MobileContentSlots2) => {
+  MobileContentSlots2["mobileContentRoot"] = "mobileContentRoot";
+  MobileContentSlots2["mobileBanner"] = "mobileBanner";
+  MobileContentSlots2["containerImageLanguage"] = "containerImageLanguage";
+  MobileContentSlots2["containerLogo"] = "containerLogo";
+  MobileContentSlots2["companyName"] = "companyName";
+  MobileContentSlots2["formContent"] = "formContent";
+  MobileContentSlots2["wrapperFormContent"] = "wrapperFormContent";
+  MobileContentSlots2["containerModuleName"] = "containerModuleName";
+  return MobileContentSlots2;
+})(MobileContentSlots || {});
+var DesktopContentSlots = /* @__PURE__ */ ((DesktopContentSlots2) => {
+  DesktopContentSlots2["desktopContentRoot"] = "desktopContentRoot";
+  DesktopContentSlots2["desktopBanner"] = "desktopBanner";
+  DesktopContentSlots2["containerLogoDesktop"] = "containerLogoDesktop";
+  DesktopContentSlots2["companyNameDesktop"] = "companyNameDesktop";
+  DesktopContentSlots2["companyLeyendDesktop"] = "companyLeyendDesktop";
+  DesktopContentSlots2["formContentDesktop"] = "formContentDesktop";
+  DesktopContentSlots2["wrapperFormContentDesktop"] = "wrapperFormContentDesktop";
+  DesktopContentSlots2["containerModuleNameDesktop"] = "containerModuleNameDesktop";
+  DesktopContentSlots2["contentFormDesktop"] = "contentFormDesktop";
+  DesktopContentSlots2["typographyBanner"] = "typographyBanner";
+  return DesktopContentSlots2;
+})(DesktopContentSlots || {});
+export {
+  DesktopContentSlots as D,
+  InnerModuleSlots as I,
+  MobileContentSlots as M
+};

package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts

@@ -0,0 +1,19 @@
+export declare const BaseNoAuthModuleLayoutRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MobileContentRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MobileBannerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ContainerImageLanguageStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ContainerLogoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const CompanyNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const FormContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const WrapperFormContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ContainerModuleNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const DesktopContentRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const DesktopBannerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ContainerLogoDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const CompanyNameDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const CompanyLeyendDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const FormContentDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const WrapperFormContentDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ContainerModuleNameDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ContentFormDesktopStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const TypographyBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;

package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.js

@@ -0,0 +1,100 @@
+import { styled } from "@mui/material/styles";
+import { I as InnerModuleSlots, M as MobileContentSlots, D as DesktopContentSlots } from "./NoAuthModuleLayoutEnum.js";
+import { N as NOT_AUTH_MODULE_LAYOUT_KEY } from "../constants.js";
+import { Typography } from "@m4l/components";
+import { n as noAuthModuleLayoutStyles } from "../styles.js";
+const BaseNoAuthModuleLayoutRootStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: InnerModuleSlots.baseNoAuthModuleLayoutRoot
+})(noAuthModuleLayoutStyles?.baseNoAuthModuleLayoutRoot);
+const MobileContentRootStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.mobileContentRoot
+})(noAuthModuleLayoutStyles.mobileContentRoot);
+const MobileBannerStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.mobileBanner
+})(noAuthModuleLayoutStyles.mobileBanner);
+styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.containerImageLanguage
+})(noAuthModuleLayoutStyles.containerImageLanguage);
+const ContainerLogoStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.containerLogo
+})(noAuthModuleLayoutStyles.containerLogo);
+const CompanyNameStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.companyName
+})(noAuthModuleLayoutStyles.companyName);
+const FormContentStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.formContent
+})(noAuthModuleLayoutStyles.formContent);
+const WrapperFormContentStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.wrapperFormContent
+})(noAuthModuleLayoutStyles.wrapperFormContent);
+const ContainerModuleNameStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: MobileContentSlots.containerModuleName
+})(noAuthModuleLayoutStyles.containerModuleName);
+const DesktopContentRootStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.desktopContentRoot
+})(noAuthModuleLayoutStyles.desktopContentRoot);
+const DesktopBannerStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.desktopBanner
+})(noAuthModuleLayoutStyles.desktopBanner);
+const ContainerLogoDesktopStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.containerLogoDesktop
+})(noAuthModuleLayoutStyles.containerLogoDesktop);
+const CompanyNameDesktopStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.companyNameDesktop
+})(noAuthModuleLayoutStyles.companyNameDesktop);
+const CompanyLeyendDesktopStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.companyLeyendDesktop
+})(noAuthModuleLayoutStyles.companyLeyendDesktop);
+const FormContentDesktopStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.formContentDesktop
+})(noAuthModuleLayoutStyles.formContentDesktop);
+const WrapperFormContentDesktopStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.wrapperFormContentDesktop
+})(noAuthModuleLayoutStyles.wrapperFormContentDesktop);
+const ContainerModuleNameDesktopStyled = styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.containerModuleNameDesktop
+})(noAuthModuleLayoutStyles.containerModuleNameDesktop);
+styled("div", {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.contentFormDesktop
+})(noAuthModuleLayoutStyles.contentFormDesktop);
+const TypographyBannerStyled = styled(Typography, {
+  name: NOT_AUTH_MODULE_LAYOUT_KEY,
+  slot: DesktopContentSlots.typographyBanner
+})(noAuthModuleLayoutStyles.typographyBanner);
+export {
+  BaseNoAuthModuleLayoutRootStyled as B,
+  ContainerLogoDesktopStyled as C,
+  DesktopContentRootStyled as D,
+  FormContentDesktopStyled as F,
+  MobileContentRootStyled as M,
+  TypographyBannerStyled as T,
+  WrapperFormContentDesktopStyled as W,
+  DesktopBannerStyled as a,
+  CompanyNameDesktopStyled as b,
+  CompanyLeyendDesktopStyled as c,
+  ContainerModuleNameDesktopStyled as d,
+  MobileBannerStyled as e,
+  ContainerLogoStyled as f,
+  CompanyNameStyled as g,
+  WrapperFormContentStyled as h,
+  FormContentStyled as i,
+  ContainerModuleNameStyled as j
+};

package/layouts/NoAuthModuleLayout/styles.d.ts

@@ -0,0 +1,2 @@
+import { NoAuthModuleLayoutStyles } from './types';
+export declare const noAuthModuleLayoutStyles: NoAuthModuleLayoutStyles;