@m4l/components 0.2.35 → 1.0.0

package/components/SideBar/styles.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { LogoConainerProps } from './types';
+/**
+ * Componente estilizado que representa la raíz de la barra lateral.
+ *
+ * @component
+ * @example
+ * // Uso del componente
+ * <SideBarRoot />
+ */
+export declare const SideBarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Componente estilizado que representa la raíz de la barra lateral.
+ *
+ * @component
+ * @example
+ * // Uso del componente
+ * <SideBarRoot />
+ */
+export declare const LogoContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & LogoConainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/CollapseButton/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const CollapseButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerLogoButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const WrapperGroup: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const ContentGroupsRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const WrapperGroupTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ListItemButtonProps } from '@mui/material';
+import { WrapperNavItemRootProps } from './type';
+export declare const NavItemMainRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperNavItemRootProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ListItemTextStyleProps extends ListItemButtonProps {
+    isCollapse?: boolean;
+}
+export declare const ListItemTextStyle: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ListItemTextStyleProps, {}, {}>;
+export {};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/type.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MenuDataType } from "../../../../../../types";
-import { OpenStateItem } from "../../types";
+import { MenuDataType } from '../../../../../../types';
+import { OpenStateItem } from '../../types';
 export interface AncestorItem {
     ancestorActive: boolean;
     setAncestorActive: React.Dispatch<React.SetStateAction<boolean>>;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/styles.d.ts

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

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DotIconProps } from './types';
+export declare const NavSubItemContentRoot: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "alignItems" | "divider" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "disableGutters" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DotIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & DotIconProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/SideBar/subcomponents/ContentMobile/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperContentMobile: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerSideBarLogo: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SideBar/subcomponents/ContentMobile/subcomponents/types.d.ts

@@ -1,7 +1,7 @@
-import { DrawerProps as MUIDrawerProps, Theme } from "@mui/material";
-import { ComponentNameToClassKey, SxProps } from "@mui/material";
-import { OverridesStyleRules } from "@mui/material/styles/overrides";
-import { ReactElement } from "react";
+import { DrawerProps as MUIDrawerProps, Theme } from '@mui/material';
+import { ComponentNameToClassKey, SxProps } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { ReactElement } from 'react';
 export interface DrawerProps extends Omit<MUIDrawerProps, 'sx'> {
     sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
     children: ReactElement;

package/components/SideBar/tests/constants.d.ts

@@ -1,4 +1,4 @@
-import { MenuDataType } from "../types";
+import { MenuDataType } from '../types';
 export declare const SIDEBAR_PREFIX = "M4LSideBar";
 export declare const Data1: Array<MenuDataType>;
 export declare const Data2: Array<MenuDataType>;

package/components/SideBar/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { SideBarClassesKey } from "../classes/types";
+import { SideBarClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: SideBarClassesKey) => string;

package/components/SideBar/types.d.ts

@@ -1,4 +1,4 @@
-import { getSideBarClassesByState } from "./classes/index";
+import { getSideBarClassesByState } from './classes/index';
 /**
  * Propiedades para el componente que contiene el logo.
  */
@@ -14,7 +14,7 @@ export interface WrapperSideBarProps {
 }
 /**
  * define la estructura de datos para un elemento de menú en la barra lateral.
-*/
+ */
 export interface MenuDataType {
     title: string;
     icon_url?: string;

package/components/SplitLayout/SplitLayout.d.ts

@@ -9,6 +9,6 @@ import { SplitLayoutProps } from './types';
  * @prop {number} props.secondParrtInitialSize - te permite establecer un tamaño inicial específico para la segunda parte del diseño dividido.
  * @prop {boolean} props.percentage - La propiedad percentage en la interfaz SplitLayoutProps indica si el tamaño inicial de la segunda parte del diseño dividido se proporciona en porcentaje en lugar de píxeles.
  * @prop {string} props.className - se utiliza para permitir que el componente SplitLayout reciba clases CSS personalizadas desde el componente padre, lo que permite una mayor flexibilidad en la estilización de este componente.
-* @returns
+ * @returns
  */
 export declare function SplitLayout(props: SplitLayoutProps): import("react/jsx-runtime").JSX.Element;

package/components/SplitLayout/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { useSplitLayoutUtilityClasses } from "./index";
+import { useSplitLayoutUtilityClasses } from './index';
 export interface SplitLayoutClassesType {
     root: string;
     firstPart: string;

package/components/SplitLayout/{index.7302ceb3.js → index.74091a81.js}

@@ -1,12 +1,10 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
+import { a6 as componentName, a7 as SPLITLAYOUT_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const SplitLayoutRoot = styled("div")(({
-  theme
-}) => ({
+const SplitLayoutRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LSplitLayout?.styleOverrides
 }));
 const SplitMaster = styled("div")(() => ({
@@ -29,7 +27,6 @@ const SplitDetail = styled("div")(() => ({
   top: "0px",
   bottom: "0px"
 }));
-const componentName = "M4LSplitLayout";
 generateUtilityClasses(componentName, [
   "root",
   "firstPart",
@@ -42,7 +39,11 @@ function getSplitLayoutUtilityClass(slot) {
 }
 const useSplitLayoutUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.splitPosition === "vertical" && "stateVertical", ownerState.splitPosition === "horizontal" && "stateHorizontal"],
+    root: [
+      "root",
+      ownerState.splitPosition === "vertical" && "stateVertical",
+      ownerState.splitPosition === "horizontal" && "stateHorizontal"
+    ],
     firstPart: ["firstPart"],
     secondPart: ["secondPart"]
   };
@@ -51,7 +52,6 @@ const useSplitLayoutUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
-const SPLITLAYOUT_PREFIX = "M4LSplitLayout";
 const getNameSplitLayoutDataTestId = (KEY) => {
   return `${SPLITLAYOUT_PREFIX}-${KEY}`;
 };
@@ -68,30 +68,39 @@ function SplitLayout(props) {
     splitPosition
   };
   const classes = useSplitLayoutUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(SplitLayoutRoot, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameSplitLayoutDataTestId("root")
-    } : {},
-    children: SplitterLayout ? /* @__PURE__ */ jsxs(SplitterLayout, {
-      vertical: splitPosition === "vertical",
-      percentage,
-      secondaryInitialSize: secondParrtInitialSize,
-      children: [/* @__PURE__ */ jsx(SplitMaster, {
-        className: classes.firstPart,
-        ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getNameSplitLayoutDataTestId("firstPart")
-        } : {},
-        children: typeof firstPart === "function" ? firstPart() : firstPart
-      }), splitPosition !== "none" && /* @__PURE__ */ jsx(SplitDetail, {
-        className: classes.secondPart,
-        ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getNameSplitLayoutDataTestId("secondPart")
-        } : {},
-        children: typeof secondPart === "function" ? secondPart() : secondPart
-      })]
-    }) : null
-  });
+  return /* @__PURE__ */ jsx(
+    SplitLayoutRoot,
+    {
+      className: clsx(classes.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameSplitLayoutDataTestId("root") } : {},
+      children: SplitterLayout ? /* @__PURE__ */ jsxs(
+        SplitterLayout,
+        {
+          vertical: splitPosition === "vertical",
+          percentage,
+          secondaryInitialSize: secondParrtInitialSize,
+          children: [
+            /* @__PURE__ */ jsx(
+              SplitMaster,
+              {
+                className: classes.firstPart,
+                ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameSplitLayoutDataTestId("firstPart") } : {},
+                children: typeof firstPart === "function" ? firstPart() : firstPart
+              }
+            ),
+            splitPosition !== "none" && /* @__PURE__ */ jsx(
+              SplitDetail,
+              {
+                className: classes.secondPart,
+                ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameSplitLayoutDataTestId("secondPart") } : {},
+                children: typeof secondPart === "function" ? secondPart() : secondPart
+              }
+            )
+          ]
+        }
+      ) : null
+    }
+  );
 }
 export {
   SplitLayout as S

package/components/SplitLayout/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SplitLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SplitMaster: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SplitDetail: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SplitLayout/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { SplitLayoutClassesKey } from "../classes/types";
+import { SplitLayoutClassesKey } from '../classes/types';
 export declare const getNameSplitLayoutDataTestId: (KEY: SplitLayoutClassesKey) => string;

package/components/ToastContainer/ToastContainer.d.ts

@@ -1,2 +1,2 @@
-import { ToastContainerProps } from "./types";
+import { ToastContainerProps } from './types';
 export declare const ToastContainer: (props: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;

package/components/ToastContainer/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { getToastClassesByState } from ".";
+import { getToastClassesByState } from '.';
 export interface ToastClassesType {
     root: string;
     toastMessageContainer: string;

package/components/ToastContainer/{index.4d44ce53.js → index.f9b507b9.js}

@@ -1,15 +1,15 @@
+import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses } from "@mui/material";
 import { ToastContainer as ToastContainer$1 } from "react-toastify";
-import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
+import { a8 as componentName } from "../areas/constants.5387d83e.js";
+import { g as getComponentUtilityClass } from "../../utils/index.9ee4c99a.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.ad330e78.js";
+import { I as Icon } from "../Icon/index.d5fed418.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));
-const componentName = "M4LToastContainer";
 const toastClasses = generateUtilityClasses(
   componentName,
   [
@@ -32,24 +32,16 @@ const getToastClassesByState = () => {
   };
 };
 const ToastContainer = (props) => {
-  const {
-    children
-  } = props;
+  const { children } = props;
   const classes = getToastClassesByState();
-  return /* @__PURE__ */ jsxs(ToastContainerRoot, {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx(ToastContainer$1, {}), children]
-  });
+  return /* @__PURE__ */ jsxs(ToastContainerRoot, { className: classes.root, children: [
+    /* @__PURE__ */ jsx(ToastContainer$1, {}),
+    children
+  ] });
 };
 const ToastMessage = (props) => {
-  const {
-    messageType,
-    children
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
+  const { messageType, children } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
   const iconSuccess = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/success.svg`;
   const iconInfo = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/info.svg`;
   const iconWarning = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/warning.svg`;
@@ -68,18 +60,10 @@ const ToastMessage = (props) => {
         return "";
     }
   }, [messageType]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: toastClasses.toastMessageContainer,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: toastClasses.toastMessageIcon,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: finalIcon
-      })
-    }), /* @__PURE__ */ jsx("div", {
-      className: toastClasses.toastMessageInfo,
-      children
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: toastClasses.toastMessageContainer, children: [
+    /* @__PURE__ */ jsx("div", { className: toastClasses.toastMessageIcon, children: /* @__PURE__ */ jsx(Icon, { src: finalIcon }) }),
+    /* @__PURE__ */ jsx("div", { className: toastClasses.toastMessageInfo, children })
+  ] });
 };
 export {
   ToastContainer as T,

package/components/ToastContainer/styles.d.ts

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

package/components/ToastContainer/subcomponents/ToastMessage/index.d.ts

@@ -1,2 +1,2 @@
-import { ToastMessageProps } from "./types";
+import { ToastMessageProps } from './types';
 export declare const ToastMessage: (props: ToastMessageProps) => import("react/jsx-runtime").JSX.Element;

package/components/ToastContainer/subcomponents/ToastMessage/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface ToastMessageProps {
     messageType: 'info' | 'success' | 'warning' | 'error' | 'default';
     children: ReactNode;

package/components/ToastContainer/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 export interface ToastContainerProps {
     children: ReactNode;
 }

package/components/WrapperComponent/index.57964195.js

@@ -0,0 +1,14 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+function WrapperComponent(props) {
+  const { children, type = "fragment" } = props;
+  if (type === "fragment") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    " ",
+    children
+  ] });
+}
+export {
+  WrapperComponent as W
+};

package/components/animate/AnimatedScroll/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import SimpleBarReact from 'simplebar-react';
+export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
+    ref?: import("react").Ref<SimpleBarReact> | undefined;
+}>;
+export declare const AnimatedScrollRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/animate/AnimatedScroll/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { ReactElement } from 'react';
 /**
  * Propiedades para el componente AnimatedScroll.
  */
@@ -8,7 +8,7 @@ export interface AnimatedScrollProps {
      */
     axis: 'x' | 'y';
     /**
-    * Los elementos secundarios del componente AnimatedScroll.
-    */
+     * Los elementos secundarios del componente AnimatedScroll.
+     */
     children: ReactElement;
 }

package/components/animate/LoadingScreen/{index.1d0c4307.js → index.779690a7.js}

@@ -1,14 +1,10 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { alpha } from "@mui/material/styles";
 import { styled, Box } from "@mui/material";
-import { L as Logo } from "../../../assets/Logo/index.228dcb5a.js";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 const RootStyle = styled("div", {
   shouldForwardProp: (props) => props !== "variant"
-})(({
-  theme,
-  variant
-}) => ({
+})(({ theme, variant }) => ({
   right: 0,
   bottom: 0,
   zIndex: 99999,
@@ -18,43 +14,31 @@ const RootStyle = styled("div", {
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  backgroundColor: theme.palette.background.default,
+  backgroundColor: theme.vars.palette.background.default,
   ...variant === "microfrontend" && {
     position: "relative",
     zIndex: 0
   }
 }));
 function LoadingScreen(props) {
-  const {
-    isDashboard,
-    variant = "fullpage",
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: !isDashboard && /* @__PURE__ */ jsxs(RootStyle, {
-      variant,
-      ...other,
-      children: [/* @__PURE__ */ jsx(m.div, {
-        initial: {
-          rotateY: 0
-        },
-        animate: {
-          rotateY: 360
-        },
+  const { isDashboard, variant = "fullpage", ...other } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: !isDashboard && /* @__PURE__ */ jsxs(RootStyle, { variant, ...other, children: [
+    /* @__PURE__ */ jsx(
+      m.div,
+      {
+        initial: { rotateY: 0 },
+        animate: { rotateY: 360 },
         transition: {
           duration: 2,
           ease: "easeInOut",
           repeatDelay: 1,
           repeat: Infinity
-        },
-        children: /* @__PURE__ */ jsx(Logo, {
-          disabledLink: true,
-          sx: {
-            width: 32,
-            height: 32
-          }
-        })
-      }), /* @__PURE__ */ jsx(Box, {
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
         component: m.div,
         animate: {
           scale: [1.2, 1, 1, 1.2, 1.2],
@@ -62,11 +46,7 @@ function LoadingScreen(props) {
           opacity: [0.25, 1, 1, 1, 0.25],
           borderRadius: ["25%", "25%", "50%", "50%", "25%"]
         },
-        transition: {
-          ease: "linear",
-          duration: 3.2,
-          repeat: Infinity
-        },
+        transition: { ease: "linear", duration: 3.2, repeat: Infinity },
         sx: {
           width: 50,
           height: 50,
@@ -74,7 +54,11 @@ function LoadingScreen(props) {
           position: "absolute",
           border: (theme) => `solid 3px ${alpha(theme.palette.primary.dark, 0.24)}`
         }
-      }), /* @__PURE__ */ jsx(Box, {
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
         component: m.div,
         animate: {
           scale: [1, 1.2, 1.2, 1, 1],
@@ -92,11 +76,11 @@ function LoadingScreen(props) {
           height: 60,
           borderRadius: "25%",
           position: "absolute",
-          border: (theme) => `solid 8px ${alpha(theme.palette.primary.dark, 0.24)}`
+          border: (theme) => `solid 8px ${alpha(theme.colorSchemes.finalTheme.palette.primary.dark, 0.24)}`
         }
-      })]
-    })
-  });
+      }
+    )
+  ] }) });
 }
 export {
   LoadingScreen as L

package/components/animate/LoadingScreen/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RootStyleProps } from './types';
+/**
+ * Componente raíz estilizado para la pantalla de carga.
+ * Este componente proporciona estilos y comportamientos específicos para la pantalla de carga.
+ */
+export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & RootStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/animate/MotionContainer/index.3032bd8f.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { m } from "framer-motion";
+import { Box } from "@mui/material";
+import { v as varContainer } from "../variants/container.11f82b76.js";
+function MotionContainer({ animate, action = false, children, ...other }) {
+  if (action) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: m.div,
+        initial: false,
+        animate: animate ? "animate" : "exit",
+        variants: varContainer(),
+        ...other,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: m.div,
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: varContainer(),
+      ...other,
+      children
+    }
+  );
+}
+export {
+  MotionContainer as M
+};

package/components/animate/MotionContainer/index.d.ts

@@ -5,19 +5,19 @@ import { BoxProps } from '@mui/material';
  */
 declare type IProps = BoxProps & MotionProps;
 /**
-   * Determina si la animación debe ejecutarse.
-   * @default true
-   */
+ * Determina si la animación debe ejecutarse.
+ * @default true
+ */
 export interface Props extends IProps {
     /**
-  * Determina si la animación debe ejecutarse.
-  * @default true
-  */
+     * Determina si la animación debe ejecutarse.
+     * @default true
+     */
     animate?: boolean;
     /**
- * Determina si el contenedor está en modo de acción.
- * @default false
- */
+     * Determina si el contenedor está en modo de acción.
+     * @default false
+     */
     action?: boolean;
 }
 /**

package/components/animate/MotionLazyContainer/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 /**
-   * Los elementos secundarios que se renderizarán dentro del contenedor.
-   */
+ * Los elementos secundarios que se renderizarán dentro del contenedor.
+ */
 declare type Props = {
     children: ReactNode;
 };