@m4l/components 0.2.26 → 0.2.27

package/{vendor.173d0b89.js → vendor.47f1f3d4.js}

@@ -1,5 +1,5 @@
 import "./assets/Logo/index.228dcb5a.js";
-import "./components/DataGrid/index.1c695ed3.js";
+import "./components/DataGrid/index.a3792770.js";
 import "./components/DataGrid/subcomponents/editors/TextEditor/index.eac1749c.js";
 import "./components/NavLink/index.b75c91e1.js";
 import "./components/ScrollToTop/index.e06f98f6.js";
@@ -12,27 +12,27 @@ import "./components/animate/variants/fade.b561c0fc.js";
 import "./components/animate/variants/bounce.784aaaaa.js";
 import "./components/animate/variants/container.11f82b76.js";
 import "./components/animate/variants/transition.bd46b9ce.js";
-import "./components/areas/components/AreasAdmin/index.debe3e3d.js";
-import "./components/areas/components/AreasViewer/index.82a22acb.js";
+import "./components/areas/components/AreasAdmin/index.6d902d47.js";
+import "./components/areas/components/AreasViewer/index.2a286dfa.js";
 import "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "./components/areas/contexts/AreasContext/index.0dc69929.js";
+import "./components/areas/contexts/AreasContext/index.3eb6b2a4.js";
 import "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
 import "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
 import "./components/areas/dictionary.08cfc4c9.js";
-import "./components/hook-form/RHFAutocomplete/index.993794f8.js";
-import "./components/hook-form/RHFAutocompleteAsync/index.924c6473.js";
-import "./components/hook-form/RHFDateTime/index.2396ea4a.js";
+import "./components/hook-form/RHFAutocomplete/index.f9be5465.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.c01fd38a.js";
+import "./components/hook-form/RHFDateTime/index.ace3f52e.js";
 import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import "./components/hook-form/RHFPeriod/index.011965ef.js";
-import "./components/Period/index.6e8d92dc.js";
+import "./components/hook-form/RHFPeriod/index.88812636.js";
+import "./components/Period/index.ba79014c.js";
 import "./components/hook-form/RHFRadioGroup/index.1ddb3d93.js";
-import "./components/hook-form/RHFColorPicker/index.60b50052.js";
-import "./components/hook-form/RHFCheckbox/index.f1fd5789.js";
-import "./components/hook-form/RHFTextField/index.fb0d1cac.js";
-import "./components/hook-form/RHFUpload/index.e5f734b8.js";
-import "./components/mui_extended/Accordion/index.4393eca9.js";
+import "./components/hook-form/RHFColorPicker/index.5be9e237.js";
+import "./components/hook-form/RHFCheckbox/index.4f650b78.js";
+import "./components/hook-form/RHFTextField/index.d4192912.js";
+import "./components/hook-form/RHFUpload/index.f7efd0e2.js";
+import "./components/mui_extended/Accordion/index.a32a5761.js";
 import "./components/mui_extended/Avatar/index.75e6ed57.js";
 import "./components/mui_extended/BoxIcon/index.e638ecc8.js";
 import "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
@@ -40,82 +40,100 @@ import "./components/mui_extended/CircularProgress/index.ad569afd.js";
 import "./components/mui_extended/Badge/index.09f5aee5.js";
 import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
 import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import "./components/mui_extended/Button/index.93389adb.js";
-import "./components/mui_extended/MenuActions/index.e6e3aac8.js";
-import "./components/mui_extended/Pager/index.5791276c.js";
+import "./components/mui_extended/Button/index.81367a73.js";
+import "./components/mui_extended/MenuActions/index.fdea20e7.js";
+import "./components/mui_extended/Pager/index.c843dde3.js";
 import "./components/mui_extended/Tab/index.2068925d.js";
-import "./components/mui_extended/CheckBox.840a443f.js";
-import "./components/mui_extended/IconButton/index.383f5496.js";
+import "./components/mui_extended/CheckBox.b3c0f2ad.js";
+import "./components/mui_extended/IconButton/index.32fc9419.js";
 import "./components/mui_extended/Popover/index.d85de73b.js";
 import { S as Stack } from "./components/mui_extended/Stack/index.0e53197c.js";
 import "./components/mui_extended/Tooltip/index.24a2bc3f.js";
 import "./components/mui_extended/Typography/index.379dd374.js";
-import "./components/mui_extended/ToggleButton/index.4ac1f974.js";
-import "./components/mui_extended/ToggleIconButton/index.8ca0114f.js";
-import "./components/formatters/BooleanFormatter/index.0703a256.js";
+import "./components/mui_extended/ToggleButton/index.3d71f374.js";
+import "./components/mui_extended/ToggleIconButton/index.1cff26af.js";
+import "./components/formatters/BooleanFormatter/index.4bb3d2f9.js";
 import "./components/formatters/DateFormatter/index.578a9f53.js";
 import "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
 import "./components/formatters/PointsFormatter/index.8a4fa393.js";
-import "./components/formatters/index.94be7098.js";
+import "./components/formatters/index.3e9e2305.js";
 import "./components/formatters/PriceFormatter/index.83cbe7be.js";
 import "./components/DataGrid/formatters/ColumnUncertaintyFormatter/index.aeea65aa.js";
 import "./components/DataGrid/formatters/ColumnPointsFormatter/index.4335c26b.js";
 import "./components/DataGrid/formatters/ColumnNestedValueFormatter/index.925387d2.js";
-import "./components/DataGrid/formatters/ColumnBooleanFormatter/index.f731d23f.js";
+import "./components/DataGrid/formatters/ColumnBooleanFormatter/index.29cf6542.js";
 import "./components/DataGrid/formatters/ColumnDateFormatter/index.704db1ca.js";
-import "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.ad82747c.js";
+import "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.2c4fd22e.js";
 import "./components/DataGrid/formatters/ColumnPriceFormatter/index.d717405e.js";
-import "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.64854fdd.js";
+import "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.e30c976f.js";
 import "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.eb406256.js";
-import "./components/DynamicFilter/index.22ba3195.js";
-import "./components/FieldLabel/index.1da2a28d.js";
+import "./components/DynamicFilter/index.cce92677.js";
+import "./components/FieldLabel/index.8d3d6bb4.js";
 import "./components/HelperText/index.7d2afdb3.js";
-import "./components/CommonActions/components/Actions/index.389f9b28.js";
-import "./components/CommonActions/components/ActionCancel/index.33a748be.js";
-import "./components/CommonActions/components/ActionIntro/index.ac7cd0ee.js";
-import "./components/CommonActions/components/ActionFormCancel/index.9a965204.js";
-import "./components/CommonActions/components/ActionFormIntro/index.7add0125.js";
-import "./components/DragResizeWindow/index.f84451f8.js";
+import "./components/CommonActions/components/Actions/index.16946bfd.js";
+import "./components/CommonActions/components/ActionCancel/index.bd767c14.js";
+import "./components/CommonActions/components/ActionIntro/index.9bd56cd0.js";
+import "./components/CommonActions/components/ActionFormCancel/index.d737bddc.js";
+import "./components/CommonActions/components/ActionFormIntro/index.d5b80747.js";
+import "./components/DragResizeWindow/index.bf1a4a47.js";
 import "./components/GridLayout/index.0996cd19.js";
-import "./components/GridLayout/subcomponents/Responsive/index.0fd1b7f8.js";
-import "./components/GridLayout/subcomponents/SizeProvider/index.7669a2cd.js";
-import "./components/PrintingSystem/index.c2d21657.js";
-import "./components/Icon/index.8c744412.js";
-import "./components/LanguagePopover/index.80896e49.js";
+import "./components/GridLayout/subcomponents/Responsive/index.d2ec9ddb.js";
+import "./components/GridLayout/subcomponents/SizeProvider/index.06986ab4.js";
+import "./components/PrintingSystem/index.b3ed9375.js";
+import "./components/Icon/index.58eaf354.js";
+import "./components/LanguagePopover/index.2740fb8e.js";
 import "./components/LinearProgressIndeterminate/index.a0ad2d9e.js";
-import "./components/Image/index.39b3b9d9.js";
+import "./components/Image/index.fa98eb78.js";
 import "./components/Loadable/index.e994fc3e.js";
-import "./components/ModalDialog/index.ce0f4d16.js";
+import "./components/ModalDialog/index.86de725b.js";
 import "./components/modal/index.61389369.js";
-import "./components/modal/WindowConfirm.4501497a.js";
-import "./components/modal/WindowBase.dd1d2d7b.js";
-import "./components/LoadingError/index.9c64680a.js";
-import "./components/MFLoader/index.7cd7c372.js";
-import "./components/NoItemSelected/index.ffba558b.js";
-import "./components/ObjectLogs/index.dd6a5009.js";
-import "./components/PaperForm/index.42e78a24.js";
-import "./components/PDFViewer/index.093ddd35.js";
-import "./components/Page/index.1b20a73e.js";
-import "./components/PropertyValue/index.4ea5af0f.js";
+import "./components/modal/WindowConfirm.3b0e842b.js";
+import "./components/modal/WindowBase.4881da1f.js";
+import "./components/LoadingError/index.4f4724c4.js";
+import "./components/MFLoader/index.f6a46c70.js";
+import "./components/NoItemSelected/index.aa3679f1.js";
+import "./components/ObjectLogs/index.0e365006.js";
+import "./components/PaperForm/index.b6811634.js";
+import "./components/PDFViewer/index.85d4e010.js";
+import "./components/Page/index.aa33f20b.js";
+import "./components/PropertyValue/index.a3527d10.js";
 import "./components/Resizeable/index.8db8f77d.js";
 import "./components/ScrollBar/index.7dfc2f29.js";
 import "./components/SplitLayout/index.3856385c.js";
-import "./components/ToastContainer/index.98c4873e.js";
-import "./components/SideBar/index.141dac10.js";
-import "./components/AppBar/index.4945897e.js";
-import "./components/AccountPopover/index.e31fc908.js";
+import "./components/ToastContainer/index.b42aca02.js";
+import "./components/SideBar/index.0d49daff.js";
+import "./components/AppBar/index.23323f96.js";
+import "./components/AccountPopover/index.3994a80b.js";
 import "./components/commercial/AppBarCommercial/index.c5022fdd.js";
-import "./components/HamburgerMenu/index.1663edef.js";
-import "./components/commercial/TopBar/index.32a332c4.js";
+import "./components/HamburgerMenu/index.06905db3.js";
+import "./components/commercial/TopBar/index.08853566.js";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "./utils/index.de903261.js";
 import { jsx } from "react/jsx-runtime";
 import "./contexts/RHFormContext/index.7b2a8723.js";
-import "./contexts/ModalContext/index.dde4e35a.js";
-import "./hooks/useFormAddEdit/index.7fdad61d.js";
-import "./hooks/useModal/index.2f1d6a07.js";
+import "./contexts/ModalContext/index.e748f329.js";
+import "./hooks/useFormAddEdit/index.5c3d8e48.js";
+import "./hooks/useModal/index.66a0c82e.js";
 import "./hooks/useTab/index.c0564138.js";
+import { useState } from "react";
+const useFormFocus = () => {
+  const [isFocus, setIsFocus] = useState(false);
+  const [isTabSelected, setIsTabSelected] = useState(false);
+  const handlerFocus = () => {
+    setIsFocus(true);
+  };
+  const handlerOnKeyUp = (event) => {
+    if (event.key === "Tab") {
+      setIsTabSelected(true);
+    }
+  };
+  const handlerOnBlur = () => {
+    setIsFocus(false);
+    setIsTabSelected(false);
+  };
+  return { isFocus, isTabSelected, handlerFocus, handlerOnKeyUp, handlerOnBlur };
+};
 const MAP_ZINDEX_OVER_MAP = 1100;
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(componentName, [
@@ -159,5 +177,6 @@ const SectionCommercial = (props) => {
 };
 export {
   MAP_ZINDEX_OVER_MAP as M,
-  SectionCommercial as S
+  SectionCommercial as S,
+  useFormFocus as u
 };

package/components/Image/index.39b3b9d9.js

@@ -1,387 +0,0 @@
-import { useBase, useModuleSkeleton, BaseProvider, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useMemo } from "react";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { styled, Skeleton as Skeleton$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { c as classes, g as getSize } from "../PrintingSystem/index.c2d21657.js";
-import { Q as QRCode } from "../../node_modules.585eab0e.js";
-function isIntersectionObserverAvailable() {
-  return typeof window !== "undefined" && "IntersectionObserver" in window && "IntersectionObserverEntry" in window;
-}
-const IMAGE_PREFIX = "Image";
-const getNameDataTestId = (KEY) => {
-  return `${IMAGE_PREFIX}-${KEY}`;
-};
-const checkIntersections = (entries) => {
-  entries.forEach((entry) => {
-    if (entry.isIntersecting) {
-      entry.target?.setIsVisible(true);
-    }
-  });
-};
-const LAZY_LOAD_OBSERVERS = {};
-const getObserver = (threshold) => {
-  LAZY_LOAD_OBSERVERS[threshold] = LAZY_LOAD_OBSERVERS[threshold] || new IntersectionObserver(checkIntersections, {
-    rootMargin: threshold + "px"
-  });
-  return LAZY_LOAD_OBSERVERS[threshold];
-};
-const BasicIntersectComponent = forwardRef((props, ref) => {
-  const {
-    height,
-    width,
-    setIsVisible,
-    threshold
-  } = props;
-  const {
-    classes: classes2
-  } = useBase();
-  const [observer] = useState(getObserver(threshold));
-  const intersectComponentRef = useRef(null);
-  useImperativeHandle(ref, () => intersectComponentRef.current);
-  useEffect(() => {
-    if (observer && intersectComponentRef.current) {
-      intersectComponentRef.current.setIsVisible = setIsVisible;
-      observer.observe(intersectComponentRef.current);
-    }
-    return () => {
-      if (observer && intersectComponentRef.current) {
-        observer.unobserve(intersectComponentRef.current);
-      }
-    };
-  }, []);
-  const styleProp = {
-    display: "inline-block"
-  };
-  if (typeof width !== "undefined") {
-    styleProp.width = width;
-  }
-  if (typeof height !== "undefined") {
-    styleProp.height = height;
-    styleProp.minHeight = height;
-  }
-  return /* @__PURE__ */ jsx("span", {
-    className: classes2.span,
-    ref: intersectComponentRef,
-    style: styleProp,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("span")
-    } : {}
-  });
-});
-BasicIntersectComponent.displayName = "IntersectComponent";
-function LazyLoadComponent(props) {
-  const {
-    children,
-    useIntersectionObserver,
-    testingProps,
-    ...other
-  } = props;
-  const [isVisible, setIsVisible] = useState(testingProps?.isVisible || !(useIntersectionObserver && isIntersectionObserverAvailable()));
-  const {
-    classes: classes2
-  } = useBase();
-  return /* @__PURE__ */ jsx("div", {
-    className: classes2.lazyLoad,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("lazyLoad")
-    } : {},
-    children: isVisible ? /* @__PURE__ */ jsx(Fragment, {
-      children
-    }) : /* @__PURE__ */ jsx(BasicIntersectComponent, {
-      useIntersectionObserver,
-      setIsVisible,
-      ...other
-    })
-  });
-}
-const ImageRoot = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LImage?.styleOverrides
-}));
-const WrapperSkeletonImage = styled("div")(() => ({
-  mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
-  WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
-  height: "100%",
-  width: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-}));
-const Skeleton = (props) => {
-  const {
-    skeletonVariant,
-    width,
-    height
-  } = props;
-  const {
-    classes: classes2
-  } = useBase();
-  return skeletonVariant === "image" ? /* @__PURE__ */ jsx(WrapperSkeletonImage, {
-    className: classes2.skeletonImage,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("skeletonImage")
-    } : {},
-    style: {
-      width,
-      height
-    },
-    children: /* @__PURE__ */ jsx(Skeleton$1, {
-      variant: "rectangular",
-      width: "100%",
-      height: "100%"
-    })
-  }) : /* @__PURE__ */ jsx(Skeleton$1, {
-    variant: "circular",
-    width: "100%",
-    height: "100%",
-    className: classes2.skeletonCircle,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("skeletonCircle")
-    } : {}
-  });
-};
-const componentName = "M4LImage";
-generateUtilityClasses(componentName, [
-  "root",
-  "lazyLoad",
-  "img",
-  "span",
-  "skeletonImage",
-  "skeletonCircle",
-  "loaded"
-]);
-function getImagenClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.isImageLoaded == true && "loaded"],
-    lazyLoad: ["lazyLoad"],
-    img: ["img"],
-    intersectComponent: ["intersectComponent"],
-    skeletonImage: ["skeletonImage"],
-    skeletonCircle: ["skeletonCircle"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getImagenClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-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
-  }
-};
-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%"
-    };
-  }
-};
-function Image(props) {
-  const {
-    src,
-    alt,
-    useIntersectionObserver = true,
-    threshold = 100,
-    skeletonVariant = "image",
-    testingProps,
-    width,
-    height,
-    ratio = "1:1",
-    className
-  } = props;
-  const ratioImage = getRatioValues(ratio);
-  const isSKeleton = useModuleSkeleton();
-  const [statusLoad, setStatusLoad] = useState(testingProps?.statusLoad || "initial");
-  useEffect(() => {
-    let timer;
-    if (statusLoad === "loaded" && !isSKeleton) {
-      timer = setTimeout(() => {
-        setStatusLoad("removed");
-      }, 3e3);
-    }
-    return () => {
-      if (timer) {
-        clearTimeout(timer);
-      }
-    };
-  }, [statusLoad, isSKeleton]);
-  const onLoad = () => {
-    setStatusLoad("loaded");
-  };
-  const isImageLoaded = !isSKeleton && statusLoad !== "initial";
-  const ownerState = {
-    isImageLoaded
-  };
-  const classes2 = useUtilityClasses(ownerState);
-  const lazyLoadComponent = useMemo(() => {
-    return /* @__PURE__ */ jsx(ImageRoot, {
-      className: clsx(classes2.root, className),
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("root")
-      } : {},
-      style: width && height ? {
-        minWidth: width,
-        minHeight: height,
-        width,
-        height
-      } : {
-        width: "100%",
-        height: "100%"
-      },
-      children: /* @__PURE__ */ jsxs(LazyLoadComponent, {
-        width: "100%",
-        height: "100%",
-        useIntersectionObserver,
-        threshold,
-        testingProps,
-        children: [statusLoad !== "removed" ? /* @__PURE__ */ jsx(Skeleton, {
-          skeletonVariant,
-          width: !width ? "100%" : ratioImage.width,
-          height: !height ? "100%" : ratioImage.height
-        }) : null, /* @__PURE__ */ jsx("img", {
-          alt,
-          src,
-          onLoad,
-          className: classes2.img,
-          width: !width ? "100%" : ratioImage.width,
-          height: !height ? "100%" : ratioImage.height,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId("img")
-          } : {}
-        })]
-      })
-    });
-  }, [statusLoad, isSKeleton, src]);
-  return /* @__PURE__ */ jsx(BaseProvider, {
-    value: {
-      classes: classes2
-    },
-    children: lazyLoadComponent
-  });
-}
-const ImageNode = (props) => {
-  const {
-    className,
-    style,
-    src,
-    width = "100%",
-    height = "100%"
-  } = props;
-  const {
-    unitSize,
-    sourceData
-  } = useBase();
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const resourceImg = evaluateWithContext(sourceData, src);
-  return /* @__PURE__ */ jsx("img", {
-    src: `${host_static_assets}/${environment_assets}/${resourceImg}`,
-    className: clsx(classes.imageNodeRoot, className),
-    style: {
-      width: getSize(width, unitSize),
-      height: getSize(height, unitSize),
-      ...style
-    }
-  });
-};
-const convertToPx = (size, magnitud) => {
-  if (isNaN(size)) {
-    return 0;
-  }
-  if (magnitud === "px") {
-    return size;
-  }
-  switch (magnitud) {
-    case "cm":
-      return size * 37.8;
-    case "mm":
-      return size * 3.78;
-    case "in":
-      return size * 96;
-    case "pt":
-      return size * 1.33;
-    case "pc":
-      return size * 16;
-    default:
-      return 100;
-  }
-};
-const QRImageNode = (props) => {
-  const {
-    url,
-    size = 8,
-    color
-  } = props;
-  const {
-    unitSize
-  } = useBase();
-  return /* @__PURE__ */ jsx(QRCode, {
-    value: url,
-    size: convertToPx(size, unitSize),
-    fgColor: color,
-    renderAs: "canvas"
-  });
-};
-export {
-  Image as I,
-  QRImageNode as Q,
-  ImageNode as a
-};

package/components/Image/subcomponents/BasicIntersectComponent/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IntersectComponentProps } from '../../types';
-export declare const BasicIntersectComponent: import("react").ForwardRefExoticComponent<IntersectComponentProps & import("react").RefAttributes<HTMLSpanElement>>;

package/components/Image/subcomponents/LazyLoadComponent/index.d.ts

@@ -1,7 +0,0 @@
-import { LazyLoadComponentProps } from '../../types';
-/**
- * Sub-componente encargado de validar y condicionar la funcionalidad del intersection observer.
- * @param props
- * @returns
- */
-export declare function LazyLoadComponent(props: LazyLoadComponentProps): import("react/jsx-runtime").JSX.Element;

package/components/Image/subcomponents/Skeleton/index.d.ts

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

package/components/Image/subcomponents/Skeleton/types.d.ts

@@ -1,6 +0,0 @@
-import { SkeletonVariant } from '../../types';
-export interface SkeletonProps {
-    skeletonVariant: SkeletonVariant;
-    width: string;
-    height: string;
-}

package/components/Image/utils/classes/index.d.ts

@@ -1,12 +0,0 @@
-import { ImageClassesType } from './types';
-import { OwnerState } from '../../types';
-export declare const imageClasses: ImageClassesType;
-export declare function getImagenClassesUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (ownerState: OwnerState) => {
-    img: string;
-    root: string;
-    lazyLoad: string;
-    intersectComponent: string;
-    skeletonImage: string;
-    skeletonCircle: string;
-};

package/components/Image/utils/isIntersectionObserverAvailable.d.ts

@@ -1 +0,0 @@
-export declare function isIntersectionObserverAvailable(): boolean;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/skeleton.d.ts

@@ -1 +0,0 @@
-export declare function SKTModuleHeader(): import("react/jsx-runtime").JSX.Element;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/index.d.ts

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

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/types.d.ts

@@ -1,2 +0,0 @@
-import { HeaderProps } from "../../types";
-export declare type WindowPopUpsListProps = Pick<HeaderProps, 'windowId' | 'areaId'>;