@m4l/layouts 9.1.7 → 9.1.9

package/test/getNameDataTestId.d.ts

@@ -0,0 +1,15 @@
+/**
+ * TODO: Documentar
+ */
+export declare const getNameDataTestId: (componentName: string, slotKey: string, instaceId?: string) => string;
+/**
+ * Utilidad que permite generar el nombre único que sirve para realizar las pruebas unitarias y de integración.
+ * Genera el atributo data-testid
+ * @param componentName -
+ * @param slotKey
+ */
+export declare function getPropDataTestId(componentName: string, slotKey: string, instaceId?: string): {
+    "data-testid": string;
+} | {
+    "data-testid"?: undefined;
+};

package/test/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './types';
+export * from './utils';
+export * from './mocks';

package/test/mocks.d.ts

@@ -0,0 +1,24 @@
+import * as core from '@m4l/core';
+import * as graphics from '@m4l/graphics';
+export declare const mock_addFlag: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_networkOperation: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_useFormatter: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_events_add_listener: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_events_remove_listener: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_events_emit: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_startProgress: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_stopProgress: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_useModuleDictionary: import('vitest').Mock<(...args: any[]) => any>;
+export declare const mock_useEnvironment: {
+    host_static_assets: string;
+    environment_assets: string;
+    domain_token: string;
+};
+export declare const mockedGraphics: {
+    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
+};
+export declare function restoreGraphicsMocked(): void;
+export declare const coreImplementation: typeof core;
+export declare const graphicsImplementation: {
+    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
+};

package/test/types.d.ts

@@ -0,0 +1,4 @@
+export interface BaseDataForTesting {
+    a: string;
+    b: number;
+}

package/test/utils.d.ts

@@ -1,16 +1,29 @@
-import { RenderResult } from '@testing-library/react';
-import { default as userEvent } from '@testing-library/user-event';
+import { act, cleanup, fireEvent, RenderResult, screen, waitFor, within } from '@testing-library/react';
+import { renderHook } from '@testing-library/react-hooks';
+import { default as userEvent, UserEvent } from '@testing-library/user-event';
 import { ReactElement } from 'react';
+import { describe, expect } from 'vitest';
 /**
- * Custom render function to wrap providers
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-09 19:56:26 - automatic
- * @updatedAt 2024-10-09 20:00:30 - automatic
- * @updatedUser Juan Escobar - automatic
+ * TODO: Documentar
  */
 declare const customRender: (ui: ReactElement, options?: {}) => RenderResult & {
     user: ReturnType<typeof userEvent.setup>;
 };
-export * from '@testing-library/react';
-export { default as userEvent } from '@testing-library/user-event';
-export { customRender as render };
+/**
+ * This function is a wrapper around the render function from @testing-library/react.
+ * Render Material UI components with the TestAppWrapper context.
+ * TestAppWrapper is a React functional component that provides a consistent testing environment
+ * for components that rely on various context providers.
+ * It wraps the children components with the following contexts:
+ * ModuleSkeletonContext, HostThemeProviderMock, and AppearanceComponentProvider.
+ * @param ui - The component to render.
+ * @param options - Additional options to pass to the render function.
+ * @returns The rendered component and the user event object.
+ * @example
+ * // Usage example
+ * const { renderUI, user } = renderMaterialUI(<MyComponent />);
+ */
+declare const renderMaterialUI: (ui: ReactElement, options?: {}) => RenderResult & {
+    user: UserEvent;
+};
+export { act, cleanup, describe, expect, fireEvent, customRender as render, renderHook, renderMaterialUI, screen, userEvent, waitFor, within, };

package/layouts/ModuleLayout/classes/constants.d.ts

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

package/layouts/ModuleLayout/classes/constants.js

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

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

@@ -1,14 +0,0 @@
-import { ModuleLayoutClassesType } from './types';
-export declare const moduleLayoutClasses: ModuleLayoutClassesType;
-export declare function getModuleLayoutUtilityClass(slot: string): string;
-/**
- * Hook para obtener las clases del componente ModuleLayout
- * @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 useModuleLayoutUtilityClasses: () => {
-    root: string;
-    moduleContent: string;
-};

package/layouts/ModuleLayout/classes/index.js

@@ -1,25 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "moduleContent"
-  /* states or variants of elements */
-]);
-function getModuleLayoutUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useModuleLayoutUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    moduleContent: ["moduleContent"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getModuleLayoutUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useModuleLayoutUtilityClasses as u
-};

package/layouts/ModuleLayout/classes/types.d.ts

@@ -1,7 +0,0 @@
-import { useModuleLayoutUtilityClasses } from '.';
-export interface ModuleLayoutClassesType {
-    root: string;
-    moduleContent: string;
-}
-export type ModuleLayoutClassesKey = keyof ModuleLayoutClassesType;
-export type Classes = ReturnType<typeof useModuleLayoutUtilityClasses>;

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

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

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

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle } from "react";
-import { I as InnerModuleRoot } from "./styles.js";
-import { useModal } from "@m4l/components";
-import { u as useModuleLayoutUtilityClasses } from "../../classes/index.js";
-const InnerModule = forwardRef((props, ref) => {
-  const { children } = props;
-  const { openModal } = useModal();
-  const divRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    openModal,
-    current: divRef.current
-  }));
-  const classes = useModuleLayoutUtilityClasses();
-  return /* @__PURE__ */ jsx(InnerModuleRoot, { className: classes.root, ref: divRef, children: /* @__PURE__ */ jsx("div", { className: classes.moduleContent, children }) });
-});
-InnerModule.displayName = "InnerModule";
-export {
-  InnerModule as I
-};

package/layouts/ModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -1 +0,0 @@
-export declare const InnerModuleRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/ModuleLayout/subcomponents/InnerModule/styles.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const InnerModuleRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LModuleLayout?.styleOverrides
-}));
-export {
-  InnerModuleRoot as I
-};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Componente que contiene el contenido de la vista de escritorio/ móvil
- * @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 InnerModule: () => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/index.js

@@ -1,16 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { HelmetPage } from "@m4l/components";
-import { I as InnerModuleRoot } from "./styles.js";
-import { useModuleDictionary, useBase } from "@m4l/core";
-import { D as DesktopContent } from "./subcomponents/DesktopContent/index.js";
-import { M as MobileContent } from "./subcomponents/MobileContent/index.js";
-const InnerModule = () => {
-  const { getModuleLabel } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const { subtitle } = useBase();
-  return /* @__PURE__ */ jsx(HelmetPage, { title: getModuleLabel(), subtitle, children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InnerModuleRoot, { id: "modulerootnouth", children: isDesktop ? /* @__PURE__ */ jsx(DesktopContent, {}) : /* @__PURE__ */ jsx(MobileContent, {}) }) }) });
-};
-export {
-  InnerModule as I
-};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.d.ts

@@ -1 +0,0 @@
-export declare const InnerModuleRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/styles.js

@@ -1,15 +0,0 @@
-import { styled } from "@mui/material";
-const InnerModuleRoot = styled("div")(({ theme }) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: "100vh",
-  padding: "20px",
-  backgroundColor: theme.vars.palette.background.neutral,
-  [theme.breakpoints.down("md")]: {
-    padding: "0px"
-  }
-}));
-export {
-  InnerModuleRoot as I
-};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Componente que contiene el contenido de la vista de escritorio
- * @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 DesktopContent: () => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/index.js

@@ -1,47 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { LanguagePopover, Image, Typography, Stack, ScrollBar } from "@m4l/components";
-import { D as DesktopContentRoot, a as DesktopBanner, C as ContainerLogo, b as CompanyName, c as CompanyLeyend, W as WrapperFormContent, F as FormContent, d as ContainerModuleName } from "./styles.js";
-import { useBase, useModuleDictionary, useDomain } from "@m4l/core";
-const DesktopContent = () => {
-  const { children, companyLogoSmallUrl } = useBase();
-  const { getLabel } = useModuleDictionary();
-  const { name, slogan } = useDomain();
-  return /* @__PURE__ */ jsxs(DesktopContentRoot, { children: [
-    /* @__PURE__ */ jsx(LanguagePopover, {}),
-    /* @__PURE__ */ jsxs(DesktopBanner, { children: [
-      /* @__PURE__ */ jsx(ContainerLogo, { children: /* @__PURE__ */ jsx(Image, { src: companyLogoSmallUrl, width: "64px", height: "64px" }) }),
-      /* @__PURE__ */ jsxs(CompanyName, { children: [
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitleDens",
-            skeletonWidth: "70%",
-            children: name
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", children: getLabel("company_name_subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxs(CompanyLeyend, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "50%", children: getLabel("module_leyend") }),
-        /* @__PURE__ */ jsx(Typography, { variant: "subtitle", skeletonWidth: "80%", children: slogan })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(WrapperFormContent, { children: /* @__PURE__ */ jsxs(FormContent, { children: [
-      /* @__PURE__ */ jsxs(ContainerModuleName, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", children: getLabel("module_name") }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "paragraph",
-            skeletonWidth: "40%",
-            children: getLabel("module_description")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Stack, { direction: "column", height: "auto", children: /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(Fragment, { children }) }) })
-    ] }) })
-  ] });
-};
-export {
-  DesktopContent as D
-};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.d.ts

@@ -1,9 +0,0 @@
-export declare const DesktopContentRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DesktopBanner: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerLogo: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CompanyName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CompanyLeyend: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperFormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerModuleName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContentForm: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/DesktopContent/styles.js

@@ -1,115 +0,0 @@
-import { styled, alpha } from "@mui/material/styles";
-const DesktopContentRoot = styled("div")(({ theme }) => ({
-  display: "flex",
-  borderRadius: "16px",
-  backgroundColor: theme.vars.palette.background.surface,
-  boxShadow: theme.vars.customShadows?.z4,
-  padding: "20px 0 20px 20px",
-  width: "100%",
-  height: "100%",
-  maxWidth: "965px",
-  maxHeight: "900px",
-  position: "relative",
-  overflow: "auto",
-  "& .M4LanguagePopover-root": {
-    position: "absolute",
-    top: "20px",
-    right: "20px",
-    zIndex: 1
-  },
-  "& .M4LIconButton-root.config-icon": {
-    position: "absolute",
-    top: "25px",
-    right: "56px",
-    zIndex: 1
-  }
-}));
-const DesktopBanner = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  borderRadius: "12px",
-  width: "100%",
-  maxWidth: "400px",
-  height: "100%",
-  backgroundColor: theme.vars.palette.primary.active,
-  boxShadow: theme.vars.customShadows?.z4,
-  padding: "0 60px",
-  gap: "40px",
-  overflow: "hidden",
-  "& .MuiTypography-root": {
-    color: theme.palette.common?.white,
-    display: "flex",
-    justifyContent: "center",
-    textAlign: "center",
-    textTransform: "uppercase"
-  },
-  "& .M4LTypography-root .MuiSkeleton-root": {
-    backgroundColor: alpha(`${theme.colorSchemes.finalTheme.palette.common.white}`, 0.24),
-    margin: "auto"
-  }
-}));
-const ContainerLogo = styled("div")(({ theme }) => ({
-  display: "flex",
-  width: "84px",
-  height: "84px",
-  borderRadius: "6px",
-  backgroundColor: theme.vars.palette.primary?.active,
-  justifyContent: "center",
-  alignItems: "center",
-  boxShadow: `0px 4px 8px  ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
-  "& .M4LImage-root": {
-    backgroundColor: theme.vars.palette.common?.white,
-    borderRadius: "6px"
-  }
-}));
-const CompanyName = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: "5px",
-  width: "100%"
-}));
-const CompanyLeyend = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: "5px",
-  width: "100%"
-}));
-const FormContent = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: "0 60px 0 80px",
-  margin: "auto 0",
-  width: "100%",
-  height: "auto",
-  gap: "20px"
-}));
-const WrapperFormContent = styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%"
-}));
-const ContainerModuleName = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  gap: "4px"
-}));
-styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  justifyContent: "center",
-  alignItems: "center"
-}));
-export {
-  ContainerLogo as C,
-  DesktopContentRoot as D,
-  FormContent as F,
-  WrapperFormContent as W,
-  DesktopBanner as a,
-  CompanyName as b,
-  CompanyLeyend as c,
-  ContainerModuleName as d
-};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Contenido de la vista mobile
- * @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 MobileContent: () => import("react/jsx-runtime").JSX.Element;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/index.js

@@ -1,43 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Image, Typography, LanguagePopover, ScrollBar } from "@m4l/components";
-import { M as MobileContentRoot, a as MobileBanner, C as ContainerLogo, b as CompanyName, W as WrapperFormContent, F as FormContent, c as ContainerModuleName } from "./styles.js";
-import { useBase, useModuleDictionary, useDomain } from "@m4l/core";
-const MobileContent = () => {
-  const { children, companyLogoSmallUrl } = useBase();
-  const { getLabel } = useModuleDictionary();
-  const { name } = useDomain();
-  return /* @__PURE__ */ jsxs(MobileContentRoot, { children: [
-    /* @__PURE__ */ jsxs(MobileBanner, { children: [
-      /* @__PURE__ */ jsx(ContainerLogo, { children: /* @__PURE__ */ jsx(Image, { src: companyLogoSmallUrl, width: "44px", height: "44px" }) }),
-      /* @__PURE__ */ jsxs(CompanyName, { children: [
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitleDens",
-            skeletonWidth: "70%",
-            children: name
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "paragraph", skeletonWidth: "40%", children: getLabel("company_name_subtitle") })
-      ] }),
-      /* @__PURE__ */ jsx(LanguagePopover, {})
-    ] }),
-    /* @__PURE__ */ jsx(WrapperFormContent, { children: /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsxs(FormContent, { children: [
-      /* @__PURE__ */ jsxs(ContainerModuleName, { children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h5", skeletonWidth: "20%", children: getLabel("module_name") }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "paragraph",
-            skeletonWidth: "40%",
-            children: getLabel("module_description")
-          }
-        )
-      ] }),
-      children
-    ] }) }) })
-  ] });
-};
-export {
-  MobileContent as M
-};

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.d.ts

@@ -1,8 +0,0 @@
-export declare const MobileContentRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MobileBanner: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerImageLanguage: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerLogo: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CompanyName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperFormContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerModuleName: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/layouts/NoAuthModuleLayout/subcomponents/InnerModule/subcomponents/MobileContent/styles.js

@@ -1,96 +0,0 @@
-import { styled, alpha } from "@mui/material/styles";
-const MobileContentRoot = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  height: "100%",
-  backgroundColor: theme.vars.palette.background.surface,
-  padding: "12px",
-  gap: "32px"
-}));
-const MobileBanner = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: "12px",
-  gap: "20px",
-  width: "100%",
-  backgroundColor: theme.vars.palette.primary.active,
-  boxShadow: theme.customShadows?.z4,
-  position: "relative",
-  borderRadius: "8px",
-  "& .M4LanguagePopover-root": {
-    position: "absolute",
-    top: "12px",
-    right: "12px",
-    zIndex: 1
-  },
-  "& .M4LIconButton-root.config-icon": {
-    position: "absolute",
-    top: "13px",
-    right: "40px",
-    zIndex: 1,
-    "& .M4LIcon-root .M4LIcon-icon": {
-      backgroundColor: theme.vars.palette.common?.white
-    }
-  },
-  "& .MuiTypography-root": {
-    color: theme.vars.palette.common?.white,
-    display: "flex",
-    textTransform: "uppercase"
-  },
-  "& .MuiSkeleton-root": {
-    backgroundColor: alpha(`${theme.colorSchemes.finalTheme.palette.common.white}`, 0.24),
-    margin: "auto"
-  }
-}));
-styled("div")(() => ({
-  display: "flex"
-}));
-const ContainerLogo = styled("div")(({ theme }) => ({
-  display: "flex",
-  width: "52px",
-  height: "52px",
-  borderRadius: "6px",
-  backgroundColor: theme.vars.palette.primary?.active,
-  justifyContent: "center",
-  alignItems: "center",
-  boxShadow: `0px 4px 8px  ${alpha(theme.colorSchemes.finalTheme.palette.grey["700"] || "", 0.16)}`,
-  "& .M4LImage-root": {
-    backgroundColor: theme.vars.palette.common?.white,
-    borderRadius: "6px"
-  }
-}));
-const CompanyName = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%"
-}));
-const FormContent = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  padding: "12px",
-  margin: "auto 0",
-  width: "100%",
-  gap: "20px"
-}));
-const WrapperFormContent = styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  overflow: "hidden"
-}));
-const ContainerModuleName = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  gap: "4px"
-}));
-export {
-  ContainerLogo as C,
-  FormContent as F,
-  MobileContentRoot as M,
-  WrapperFormContent as W,
-  MobileBanner as a,
-  CompanyName as b,
-  ContainerModuleName as c
-};