@m4l/components 5.0.0 → 5.0.2

package/components/Image/types-DYvT-C_T.js

@@ -1,49 +0,0 @@
-const ratioOptions = {
-  "1.168:1": {
-    width: 1.168,
-    height: 1
-  },
-  "16:9": {
-    width: 16,
-    height: 9
-  },
-  "1:1": {
-    width: 1,
-    height: 1
-  },
-  "1:1.168": {
-    width: 1,
-    height: 1.168
-  },
-  "2:1": {
-    width: 2,
-    height: 1
-  },
-  "2:3": {
-    width: 2,
-    height: 3
-  },
-  "3:1": {
-    width: 3,
-    height: 1
-  },
-  "3:2": {
-    width: 3,
-    height: 2
-  },
-  "3:4": {
-    width: 3,
-    height: 4
-  },
-  "4:3": {
-    width: 4,
-    height: 3
-  },
-  "5:2": {
-    width: 5,
-    height: 2
-  }
-};
-export {
-  ratioOptions as r
-};

package/components/Image/utils/getRatioValues-Cyvn3Ee3.js

@@ -1,19 +0,0 @@
-import { r as ratioOptions } from "../types-DYvT-C_T.js";
-const getRatioValues = (ratio) => {
-  const numType = ratioOptions[ratio];
-  const numRef = numType.width / numType.height;
-  if (numRef >= 1) {
-    return {
-      width: "100%",
-      height: `${Math.trunc(numRef * 100)}%`
-    };
-  } else {
-    return {
-      width: `${Math.trunc(numRef * 100)}%`,
-      height: "100%"
-    };
-  }
-};
-export {
-  getRatioValues as g
-};

package/components/Label/Label-3ew9PS6u.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { L as LabelRootStyled, T as TypographyStyled, a as TypographyMandatoryMessageStyled, I as IconHelperMessageStyled, S as SkeletonStyled } from "./slots/LabelSlots-BDkYIBDf.js";
-const Label = (props) => {
-  const { helperMessage, label, mandatory, mandatoryMessage, htmlFor, id, size = "medium" } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsx(LabelRootStyled, { ownerState: {}, for: htmlFor, id, label: "", children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(TypographyStyled, { ownerState: { size }, variant: "body", className: "", children: label }),
-    mandatory && /* @__PURE__ */ jsx(TypographyMandatoryMessageStyled, { ownerState: { size }, variant: "body", className: "", children: mandatoryMessage ? /* @__PURE__ */ jsx("span", { className: "mandatoryMessage", children: mandatoryMessage }) : /* @__PURE__ */ jsx("span", { className: "mandatoryAsterisk", children: "*" }) }),
-    helperMessage && /* @__PURE__ */ jsx(
-      IconHelperMessageStyled,
-      {
-        tooltipContent: helperMessage,
-        ownerState: {},
-        placement: "right",
-        src: `${host_static_assets}/${environment_assets}/frontend/components/LabelMessage/assets/icons/infoSmall.svg`
-      }
-    )
-  ] }) : /* @__PURE__ */ jsx(SkeletonStyled, { ownerState: {}, variant: "text", width: "30%", height: "14px" }) });
-};
-export {
-  Label as L
-};

package/components/Label/Label.styles-CKg2iF6E.js

@@ -1,65 +0,0 @@
-const labelStyles = {
-  root: ({ ownerState, theme }) => ({
-    display: "flex",
-    flexDireccion: "row",
-    alignItems: "center",
-    flexWrap: "wrap",
-    width: "100%",
-    flexDirection: "row",
-    [`& .${ownerState.label}`]: {
-      ...ownerState.size === "small" && {
-        height: "20px",
-        [theme.breakpoints.up("sm")]: {
-          height: "20px"
-        }
-      },
-      ...ownerState.size === "medium" && {
-        height: "24px",
-        [theme.breakpoints.up("sm")]: {
-          height: "24px"
-        }
-      }
-    }
-  }),
-  typographyStyled: ({ theme, ownerState }) => ({
-    marginInlineStart: theme.spacing(0.4),
-    "& .MuiTypography-root": {
-      color: theme.vars.palette.text.secondary,
-      [theme.breakpoints.up("sm")]: {
-        fontSize: ownerState.size === "medium" ? "11px" : "10px"
-      },
-      [theme.breakpoints.down("sm")]: {
-        fontSize: ownerState.size === "medium" ? "14px" : "13px"
-      }
-    },
-    "& .mandatoryAsterisk": {
-      color: theme.vars.palette.text.primary
-    }
-  }),
-  typographyMandatoryMessageStyled: ({ theme, ownerState }) => ({
-    marginInlineStart: theme.spacing(0.4),
-    "& .MuiTypography-root": {
-      color: theme.vars.palette.text.secondary,
-      [theme.breakpoints.up("sm")]: {
-        fontSize: ownerState.size === "medium" ? "11px" : "10px"
-      },
-      [theme.breakpoints.down("sm")]: {
-        fontSize: ownerState.size === "medium" ? "14px" : "13px"
-      }
-    }
-  }),
-  iconHelperMessageStyled: ({ theme }) => ({
-    height: "24px",
-    width: "24px",
-    '&:hover > [class*="M4LIcon-icon"]': {
-      backgroundColor: theme.vars.palette.primary.main
-    },
-    '& > [class*="M4LIcon-icon"]': {
-      fontsize: "16px",
-      backgroundColor: theme.vars.palette.text.secondary
-    }
-  })
-};
-export {
-  labelStyles as l
-};

package/components/Label/constants-4JI4LmRB.js

@@ -1,4 +0,0 @@
-const LABEL_KEY_COMPONENT = "M4LLabel";
-export {
-  LABEL_KEY_COMPONENT as L
-};

package/components/Label/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/Label/slots/LabelEnum--KtFPKmp.js

@@ -1,11 +0,0 @@
-var LabelSlots = /* @__PURE__ */ ((LabelSlots2) => {
-  LabelSlots2["root"] = "root";
-  LabelSlots2["typographyStyled"] = "typographyStyled";
-  LabelSlots2["typographyMandatoryMessageStyled"] = "typographyMandatoryMessageStyled";
-  LabelSlots2["iconHelperMessageStyled"] = "iconHelperMessageStyled";
-  LabelSlots2["skeletonStyled"] = "skeletonStyled";
-  return LabelSlots2;
-})(LabelSlots || {});
-export {
-  LabelSlots as L
-};

package/components/Label/slots/LabelSlots-BDkYIBDf.js

@@ -1,34 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { L as LABEL_KEY_COMPONENT } from "../constants-4JI4LmRB.js";
-import { L as LabelSlots } from "./LabelEnum--KtFPKmp.js";
-import { Skeleton } from "@mui/material";
-import { l as labelStyles } from "../Label.styles-CKg2iF6E.js";
-import { T as Typography } from "../../mui_extended/Typography/Typography-CiRwBv1u.js";
-import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
-const LabelRootStyled = styled("label", {
-  name: LABEL_KEY_COMPONENT,
-  slot: LabelSlots.root
-})(labelStyles?.root);
-const TypographyStyled = styled(Typography, {
-  name: LABEL_KEY_COMPONENT,
-  slot: LabelSlots.typographyStyled
-})(labelStyles?.typographyStyled);
-const TypographyMandatoryMessageStyled = styled(Typography, {
-  name: LABEL_KEY_COMPONENT,
-  slot: LabelSlots.typographyMandatoryMessageStyled
-})(labelStyles?.typographyMandatoryMessageStyled);
-const IconHelperMessageStyled = styled(Icon, {
-  name: LABEL_KEY_COMPONENT,
-  slot: LabelSlots.iconHelperMessageStyled
-})(labelStyles?.iconHelperMessageStyled);
-const SkeletonStyled = styled(Skeleton, {
-  name: LABEL_KEY_COMPONENT,
-  slot: LabelSlots.skeletonStyled
-})(labelStyles?.skeletonStyled);
-export {
-  IconHelperMessageStyled as I,
-  LabelRootStyled as L,
-  SkeletonStyled as S,
-  TypographyStyled as T,
-  TypographyMandatoryMessageStyled as a
-};

package/components/Label/slots/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/LanguagePopover/LanguagePopover-YmHJMFsY.js

@@ -1,148 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Stack, MenuItem } from "@mui/material";
-import { I as Image } from "../Image/Image-BjqOt3pz.js";
-import { useLocales } from "@m4l/graphics";
-import { C as CircularProgress } from "../mui_extended/CircularProgress/index-Bnnti_G6.js";
-import { L as LanguagePopoverRoot, C as ContainerMenuItems, a as ContainerProgress, b as ContainerImage, c as LabelItem } from "./styles-s7-3z7wM.js";
-import { I as ImageButton } from "../mui_extended/ImageButton/ImageButton-BhT8454W.js";
-import { useEnvironment, useNetwork } from "@m4l/core";
-import { u as useUtilityClasses } from "./classes/index-BK-vZgR3.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "./tests/utils-Df2OFfOB.js";
-import { P as Popover } from "../mui_extended/Popover/Popover-B9KxhzxZ.js";
-function LanguagePopover(props) {
-  const { testingProps } = props;
-  const { currentLocale, onChangeLocale } = useLocales();
-  const { domain_token } = useEnvironment();
-  const { networkOperation } = useNetwork();
-  const [open, setOpen] = useState(testingProps?.open || null);
-  const [loading, setLoading] = useState(testingProps?.loading || false);
-  const [allLocales, setAllLocales] = useState(
-    testingProps?.allLocales || []
-  );
-  const handleOpen = (event) => {
-    setOpen(event.currentTarget);
-  };
-  const handleClose = () => {
-    setOpen(null);
-  };
-  useEffect(() => {
-    let mounted = true;
-    if (open === null || loading || allLocales.length > 0) {
-      return;
-    }
-    setLoading(true);
-    networkOperation({
-      method: "GET",
-      endPoint: `na/locales`,
-      parms: { domain_token }
-    }).then((response) => {
-      if (mounted) {
-        !testingProps && setAllLocales(response.data);
-      }
-    }).finally(() => {
-      setLoading(false);
-    });
-    return function cleanUp() {
-      mounted = false;
-    };
-  }, [open]);
-  const classes = useUtilityClasses();
-  return (
-    /* LanguagePopoverRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
-        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a otros componentes
-        de la plataforna web. */
-    /* @__PURE__ */ jsxs(
-      LanguagePopoverRoot,
-      {
-        className: classes.root,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
-        children: [
-          /* @__PURE__ */ jsx(
-            ImageButton,
-            {
-              className: classes.imageButton,
-              onClick: handleOpen,
-              sx: {
-                width: 28,
-                height: 28,
-                ...open && { bgcolor: "action.selected" }
-              },
-              src: currentLocale?.url_icon || "",
-              alt: currentLocale?.name,
-              width: "24px",
-              height: "24px",
-              ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("imageButton") } : {}
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Popover,
-            {
-              arrowType: "top-right",
-              open: Boolean(open),
-              anchorEl: open,
-              anchorOrigin: { vertical: "bottom", horizontal: "right" },
-              onClose: handleClose,
-              sx: {
-                mt: 1.5,
-                ml: 0.75,
-                width: 180,
-                rowGap: "100px",
-                "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 }
-              },
-              children: /* @__PURE__ */ jsxs(
-                ContainerMenuItems,
-                {
-                  className: classes.containerItems,
-                  ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerItems") } : {},
-                  children: [
-                    allLocales.length === 0 && /* CircularProgress: Componente extendido que proporciona una animación de carga circular, el cual
-                    será visible hasta que se complete la operación de red asociada a la lista de idiomas disponibles. */
-                    /* @__PURE__ */ jsx(
-                      ContainerProgress,
-                      {
-                        className: classes.containerProgress,
-                        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerProgress") } : {},
-                        children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
-                      }
-                    ),
-                    allLocales.length > 0 && /* Stack, MenuItem, Image, LabelItem: El grupo de componentes conforma las opciones del menú de idioma,
-                    se replica dependiendo de la cantidad de elementos que existan en la lista allLocales */
-                    /* @__PURE__ */ jsx(Stack, { spacing: 0.75, children: allLocales.map((option) => /* @__PURE__ */ jsxs(
-                      MenuItem,
-                      {
-                        selected: option.lang === currentLocale?.lang && option?.script === currentLocale?.script && option?.region === currentLocale?.region,
-                        onClick: () => {
-                          onChangeLocale(option);
-                          handleClose();
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(ContainerImage, { children: /* @__PURE__ */ jsx(Image, { alt: option.name, src: option.url_icon, ratio: "1:1" }) }),
-                          /* @__PURE__ */ jsx(
-                            LabelItem,
-                            {
-                              className: classes.labelItem,
-                              ...process.env.NODE_ENV !== "production" ? {
-                                [TEST_PROP_ID]: getNameDataTestId("labelItem")
-                              } : {},
-                              children: option.name
-                            }
-                          )
-                        ]
-                      },
-                      option.lang || option.script || option.region
-                    )) })
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-export {
-  LanguagePopover as L
-};

package/components/LanguagePopover/classes/constants-Bfc3xGwi.js

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

package/components/LanguagePopover/classes/index-BK-vZgR3.js

@@ -1,33 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-Bfc3xGwi.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root",
-    "containerItems",
-    "containerProgress",
-    "labelItem",
-    "imageButton"
-    /* states or variants of elements */
-  ]
-);
-function getM4LanguagePopoverClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    containerItems: ["containerItems"],
-    containerProgress: ["containerProgress"],
-    labelItem: ["labelItem"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getM4LanguagePopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

package/components/LanguagePopover/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/LanguagePopover/styles-s7-3z7wM.js

@@ -1,30 +0,0 @@
-import { styled } from "@mui/material/styles";
-const LanguagePopoverRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LanguagePopover?.styleOverrides
-}));
-const LabelItem = styled("div")(({ theme }) => ({
-  marginLeft: theme.spacing(1)
-}));
-const ContainerProgress = styled("div")(({ theme }) => ({
-  padding: theme.spacing(0.75, 0),
-  margin: theme.spacing(0, 1.25)
-}));
-const ContainerMenuItems = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column"
-  // marginBottom: theme.spacing(1),
-  // paddingBottom: theme.spacing(1),
-}));
-const ContainerImage = styled("div")(() => ({
-  display: "flex",
-  gap: "4px",
-  width: "16px",
-  height: "16px"
-}));
-export {
-  ContainerMenuItems as C,
-  LanguagePopoverRoot as L,
-  ContainerProgress as a,
-  ContainerImage as b,
-  LabelItem as c
-};

package/components/LanguagePopover/tests/constants-C9mf14VM.js

@@ -1,4 +0,0 @@
-const LANGUAGEPOPOVER_PREFIX = "LanguagePopover";
-export {
-  LANGUAGEPOPOVER_PREFIX as L
-};

package/components/LanguagePopover/tests/utils-Df2OFfOB.js

@@ -1,7 +0,0 @@
-import { L as LANGUAGEPOPOVER_PREFIX } from "./constants-C9mf14VM.js";
-const getNameDataTestId = (KEY) => {
-  return `${LANGUAGEPOPOVER_PREFIX}-${KEY}`;
-};
-export {
-  getNameDataTestId as g
-};

package/components/LanguagePopover/types-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/LinearProgressIndeterminate/LinearProgressIndeterminate--VicNz4N.js

@@ -1,28 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { u as useLinearProgressIndeterminateUtilityClasses } from "./classes/index-BIhUKJSv.js";
-import { L as LinearProgressIndeterminateRoot } from "./styles-mliQXZjI.js";
-import { g as getNameLinearProgressIndeterminateDataTestId } from "./tests/utils-CEbG-cfY.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-const classes = useLinearProgressIndeterminateUtilityClasses();
-const LinearProgressIndeterminate = () => {
-  return /* @__PURE__ */ jsx(
-    LinearProgressIndeterminateRoot,
-    {
-      className: clsx(classes.root, "borealisBar"),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameLinearProgressIndeterminateDataTestId("root") } : {},
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: classes.windowLinearProgressBar,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameLinearProgressIndeterminateDataTestId("windowLinearProgressBar")
-          } : {}
-        }
-      )
-    }
-  );
-};
-export {
-  LinearProgressIndeterminate as L
-};

package/components/LinearProgressIndeterminate/classes/constants-CecllKOT.js

@@ -1,4 +0,0 @@
-const LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME = "M4LinearProgressIndeterminate";
-export {
-  LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME as L
-};

package/components/LinearProgressIndeterminate/classes/index-BIhUKJSv.js

@@ -1,28 +0,0 @@
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { L as LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME } from "./constants-CecllKOT.js";
-import { g as getComponentUtilityClass } from "../../../utils/index-WXiWKKyo.js";
-generateUtilityClasses(
-  LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME,
-  [
-    /* elements */
-    "root",
-    "windowLinearProgressBar"
-    /* states or variants of elements */
-  ],
-  LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME
-);
-const useLinearProgressIndeterminateUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    windowLinearProgressBar: ["windowLinearProgressBar"]
-  };
-  return unstable_composeClasses(
-    slots,
-    getComponentUtilityClass(LINEAR_PROGRESS_INDETERMINATE_CLASS_NAME),
-    {}
-  );
-};
-export {
-  useLinearProgressIndeterminateUtilityClasses as u
-};

package/components/LinearProgressIndeterminate/index-l0sNRNKZ.js

@@ -1 +0,0 @@
-

package/components/LinearProgressIndeterminate/styles-mliQXZjI.js

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

package/components/LinearProgressIndeterminate/tests/constants-C9ZRibu9.js

@@ -1,4 +0,0 @@
-const ICON_PREFIX = "M4LinearProgressIndeterminate";
-export {
-  ICON_PREFIX as I
-};

package/components/LinearProgressIndeterminate/tests/utils-CEbG-cfY.js

@@ -1,7 +0,0 @@
-import { I as ICON_PREFIX } from "./constants-C9ZRibu9.js";
-const getNameLinearProgressIndeterminateDataTestId = (KEY) => {
-  return `${ICON_PREFIX}-${KEY}`;
-};
-export {
-  getNameLinearProgressIndeterminateDataTestId as g
-};

package/components/Loadable/index-aNEylxCd.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Suspense } from "react";
-import { P as PropagateLoader } from "../animate/PropagateLoader/index-Dmd61b9N.js";
-const Loadable = (Component) => function EmbededLoadable(props) {
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PropagateLoader, {}), children: /* @__PURE__ */ jsx(Component, { ...props }) });
-};
-export {
-  Loadable as L
-};

package/components/LoadingError/LoadingError-Ds10r50U.js

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { I as ICONS } from "../areas/icons-CwFr-alN.js";
-import { l as loadingErrorUtilityClasses } from "./classes/index-C_bckEjI.js";
-import { L as LoadingErrorRoot } from "./styles-JDmaMF_4.js";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/LinearProgressIndeterminate--VicNz4N.js";
-import { T as Typography } from "../mui_extended/Typography/Typography-CiRwBv1u.js";
-import { I as Icon } from "../Icon/Icon-1jxG9mYZ.js";
-import { B as Button } from "../mui_extended/Button/Button-BdusSjEV.js";
-const LoadingError = (props) => {
-  const { status, action, title, description, recommendation, introMessage, errorIcon } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { getLabel } = useModuleDictionary();
-  const classes = loadingErrorUtilityClasses();
-  return /* @__PURE__ */ jsx(LoadingErrorRoot, { className: classes.root, children: status !== "error" ? /* @__PURE__ */ jsx("div", { className: classes.loadingErrorLoading, children: /* @__PURE__ */ jsx(LinearProgressIndeterminate, {}) }) : /* @__PURE__ */ jsxs("div", { className: classes.loadingError, children: [
-    /* @__PURE__ */ jsx(
-      Icon,
-      {
-        className: classes.loadingErrorIcon,
-        src: errorIcon ? errorIcon : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NAVIGATE_ERROR}`
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: classes.titleDescription, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h3", skeletonWidth: "100px", className: classes.loadingErrorTitle, children: title ? title : getLabel("loading_error.label_error_title") }),
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "subtitle",
-          skeletonWidth: "100px",
-          className: classes.loadingErrorDescription,
-          children: description ? description : getLabel("loading_error.label_error_description")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: classes.loadingErrorDivider }),
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "paragraph",
-        skeletonWidth: "100px",
-        className: classes.loadingErrorTextAction,
-        children: recommendation ? recommendation : getLabel("loading_error.label_error_recommendation")
-      }
-    ),
-    /* @__PURE__ */ jsx(Button, { onClick: action, children: introMessage ? introMessage : getLabel("loading_error.label_error_intro") })
-  ] }) });
-};
-export {
-  LoadingError as L
-};

package/components/LoadingError/classes/constants-BuFMGaME.js

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

package/components/LoadingError/classes/index-C_bckEjI.js

@@ -1,39 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants-BuFMGaME.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "loadingErrorLoading",
-  "loadingError",
-  "loadingErrorIcon",
-  "loadingErrorTitle",
-  "loadingErrorDescription",
-  "loadingErrorDivider",
-  "loadingErrorTextAction",
-  "titleDescription"
-  /* states or variants of elements */
-]);
-function getLoadingErrorUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const loadingErrorUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    loadingErrorLoading: ["loadingErrorLoading"],
-    loadingError: ["loadingError"],
-    loadingErrorIcon: ["loadingErrorIcon"],
-    loadingErrorTitle: ["loadingErrorTitle"],
-    loadingErrorDescription: ["loadingErrorDescription"],
-    loadingErrorDivider: ["loadingErrorDivider"],
-    loadingErrorTextAction: ["loadingErrorTextAction"],
-    titleDescription: ["titleDescription"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getLoadingErrorUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  loadingErrorUtilityClasses as l
-};