@m4l/components 1.0.0 → 1.0.2

package/components/Image/index.0d32558e.js

@@ -0,0 +1,168 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import { u as IMAGE_PREFIX, T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
+import clsx from "clsx";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
+import { c as classes, g as getSize } from "../PrintingSystem/index.89493ad6.js";
+import QRCode from "qrcode.react";
+const ImageRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LImage?.styleOverrides
+}));
+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%"
+    };
+  }
+};
+const getNameDataTestId = (KEY) => {
+  return `${IMAGE_PREFIX}-${KEY}`;
+};
+const componentName = "M4LImage";
+generateUtilityClasses(componentName, [
+  "root",
+  "img"
+]);
+function getImagenClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    img: ["img"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getImagenClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function Image(props) {
+  const { src, alt, width, height, ratio = "1:1", className } = props;
+  const ratioImage = getRatioValues(ratio);
+  const classes2 = useUtilityClasses();
+  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__ */ jsx(
+        "img",
+        {
+          alt,
+          src,
+          className: classes2.img,
+          width: !width ? "100%" : ratioImage.width,
+          height: !height ? "100%" : ratioImage.height,
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("img") } : {}
+        }
+      )
+    }
+  );
+}
+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/LoadingError/{index.9f00c83c.js → index.d137be81.js}

@@ -3,11 +3,12 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.504ec098.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { K as componentName } from "../areas/constants.5387d83e.js";
+import { v as componentName } from "../areas/constants.630a4f42.js";
 import { styled } from "@mui/material/styles";
-import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/index.de9d447c.js";
-import { I as Icon } from "../Icon/index.d5fed418.js";
-import { T as Typography, B as Button } from "../../vendor.a1ce6777.js";
+import { L as LinearProgressIndeterminate } from "../mui_extended/LinearProgress/index.52edc848.js";
+import { I as Icon } from "../Icon/index.2e8ec5a1.js";
+import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
+import { B as Button } from "../mui_extended/Button/index.a7dc6ef0.js";
 generateUtilityClasses(componentName, [
   "root",
   "loadingErrorLoading",

package/components/MFLoader/{index.402c1acc.js → index.2038aa6c.js}

@@ -11,9 +11,9 @@ import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/gra
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { O as componentName } from "../areas/constants.5387d83e.js";
-import { L as LinearProgress } from "../../vendor.a1ce6777.js";
-import { L as LoadingError } from "../LoadingError/index.9f00c83c.js";
+import { w as componentName } from "../areas/constants.630a4f42.js";
+import { a as LinearProgress } from "../mui_extended/LinearProgress/index.52edc848.js";
+import { L as LoadingError } from "../LoadingError/index.d137be81.js";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
   "containerLinearProgress"

package/components/ModalDialog/{index.ea9189c3.js → index.85d30f10.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.5331add7.js";
-import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
-import { R as ResizeableWindow } from "../Resizeable/index.1f0c1359.js";
+import { c as cjs } from "../../react-draggable.2df3b71a.js";
+import { u as useModal } from "../../hooks/useModal/index.9fe41bde.js";
+import { R as ResizeableWindow } from "../Resizeable/index.8c72e36a.js";
 import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.a0e30c8b.js";
+import { m as modalUtilityClasses } from "../modal/index.7ca17f55.js";
 import { useState, useEffect } from "react";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });

package/components/NavLink/{index.4e548cee.js → index.badec599.js}

@@ -3,8 +3,8 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
-import { P as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
-import { T as Typography } from "../../vendor.a1ce6777.js";
+import { x as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
+import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"

package/components/NoItemSelected/{index.418c8316.js → index.008154ce.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { I as Image } from "../Image/index.36a3d440.js";
+import { I as Image } from "../Image/index.0d32558e.js";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
-import { Q as componentName } from "../areas/constants.5387d83e.js";
+import { y as componentName } from "../areas/constants.630a4f42.js";
 const WrapperNoItemSelected = styled("div")(({ theme }) => ({
   ...theme.components?.M4LNoItemSelected?.styleOverrides
 }));

package/components/ObjectLogs/{index.bfa7dad3.js → index.65a6b1bc.js}

@@ -2,16 +2,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { S as Stack, D as DateFormatter, g as DataGrid } from "../../vendor.a1ce6777.js";
+import { D as DateFormatter, a as DataGrid } from "../../vendor.3eadfa16.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
-import { S as ScrollBar } from "../ScrollBar/index.adf0eade.js";
-import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
-import { I as Icon } from "../Icon/index.d5fed418.js";
-import { W as WindowBase } from "../modal/WindowBase.a3ac7adc.js";
-import { D as DynamicFilter } from "../DynamicFilter/index.d9168c12.js";
-import { T as TEST_PROP_ID } from "../areas/constants.5387d83e.js";
+import { S as ScrollBar } from "../ScrollBar/index.9bfcc74f.js";
+import { u as useModal } from "../../hooks/useModal/index.9fe41bde.js";
+import { I as Icon } from "../Icon/index.2e8ec5a1.js";
+import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
+import { W as WindowBase } from "../modal/WindowBase.c1e879e4.js";
+import { D as DynamicFilter } from "../DynamicFilter/index.05e15fb8.js";
+import { T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
 const Container = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PDFViewer/{index.bb2eca5a.js → index.9677b02a.js}

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { R as componentName } from "../areas/constants.5387d83e.js";
-import { B as Button } from "../../vendor.a1ce6777.js";
+import { z as componentName } from "../areas/constants.630a4f42.js";
+import { B as Button } from "../mui_extended/Button/index.a7dc6ef0.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));

package/components/Page/index.7482cf60.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.89493ad6.js";
+import clsx from "clsx";
+import React__default from "react";
+import { Helmet } from "react-helmet-async";
+import { useLocales } from "@m4l/graphics";
+const PageNode = (props) => {
+  const {
+    children,
+    style = {},
+    className = "",
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    gap = "unset"
+  } = props;
+  const { unitSize } = useBase();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(classes.pageNodeRoot, className),
+      style: {
+        width: getSize(width, unitSize),
+        gap: getSize(gap, unitSize),
+        height: getSize(height, unitSize),
+        minWidth: getSize(width, unitSize),
+        minHeight: typeof height === "number" ? `${height}${unitSize}` : height,
+        paddingTop: typeof paddingTop === "number" ? `${paddingTop}${unitSize}` : paddingTop,
+        paddingRight: typeof paddingRight === "number" ? `${paddingRight}${unitSize}` : paddingRight,
+        paddingBottom: typeof paddingBottom === "number" ? `${paddingBottom}${unitSize}` : paddingBottom,
+        paddingLeft: typeof paddingLeft === "number" ? `${paddingLeft}${unitSize}` : paddingLeft,
+        ...style
+      },
+      children
+    }
+  );
+};
+const PageRender = (props) => {
+  const {
+    data: parent,
+    id,
+    unitSize,
+    mainColor,
+    countPages,
+    HeaderGeneral,
+    FooterGeneral,
+    sourceData,
+    templateData
+  } = props;
+  const { children, ...otherProps } = parent || {};
+  return /* @__PURE__ */ jsx(
+    BaseProvider,
+    {
+      value: {
+        pageId: id,
+        unitSize,
+        mainColor,
+        countPages,
+        HeaderGeneral,
+        FooterGeneral,
+        templateData,
+        sourceData
+      },
+      children: /* @__PURE__ */ jsxs(PageNode, { ...otherProps, children: [
+        Array.isArray(children) && children.length > 0 ? children.map((subComponent, id2) => {
+          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+            id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, { ancestor: parent }, `${parent.key}-header`) : null : null,
+            /* @__PURE__ */ jsx(FactoryRender, { data: subComponent }, `${parent.type}-${subComponent.key}`),
+            id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, { ancestor: parent }, `${parent.key}-footer`) : null : null
+          ] }, `fragment-page-${id2}`);
+        }) : null,
+        typeof children === "string" ? children : null
+      ] })
+    }
+  );
+};
+const HelmetPage = (props) => {
+  const { children, title, meta, subtitle } = props;
+  const localeString = useLocales().currentLocale?.localeString;
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isSkeleton && /* @__PURE__ */ jsxs(Helmet, { children: [
+      /* @__PURE__ */ jsx("title", { children: `${title}${subtitle ? ` | ${subtitle}` : ""} ` }),
+      /* @__PURE__ */ jsx("html", { lang: localeString }),
+      meta
+    ] }),
+    children
+  ] });
+};
+HelmetPage.displayName = "Page";
+export {
+  HelmetPage as H,
+  PageRender as P
+};

package/components/PaperForm/{index.8121e3da.js → index.e04f9f1f.js}

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.d5fed418.js";
+import { I as Icon } from "../Icon/index.2e8ec5a1.js";
 import { unstable_composeClasses } from "@mui/base";
-import { V as componentName } from "../areas/constants.5387d83e.js";
+import { E as componentName } from "../areas/constants.630a4f42.js";
 const PaperFormRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPaperForm?.styleOverrides
 }));

package/components/Period/{index.5233694b.js → index.3d695534.js}

@@ -1,27 +1,15 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../HelperText/index.be949cdf.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { W as componentName, X as PERIOD_PREFIX, T as TEST_PROP_ID, Y as componentName$1 } from "../areas/constants.5387d83e.js";
-import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { T as Typography, u as useFormFocus } from "../../vendor.a1ce6777.js";
-import { F as FieldLabel } from "../FieldLabel/index.f9cdcc27.js";
 import { useState, useMemo } from "react";
-import { d as dictionary, a as dictionary$1 } from "../areas/dictionary.7e74022a.js";
+import { d as dictionary, a as dictionary$1 } from "../areas/dictionary.19b25583.js";
+import { unstable_composeClasses } from "@mui/base";
+import { F as componentName, P as PERIOD_PREFIX, T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { a as IconButton } from "../Icon/index.d5fed418.js";
+import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.87f4726c.js";
 import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
-const RHFPeriodRoot = styled("div")(({ theme }) => ({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "flex-start",
-  gap: theme.spacing(1),
-  ...theme.components?.M4LRHFPeriod?.styleOverrides
-}));
 const ContainerPeriod = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPeriod?.styleOverrides
 }));
@@ -287,88 +275,6 @@ const Period = (props) => {
     }
   );
 };
-generateUtilityClasses(componentName$1, [
-  "root",
-  "isFocus",
-  "isTabSelected"
-]);
-function getRHFPeriodUtilityClass(slot) {
-  return generateUtilityClass(componentName$1, slot);
-}
-const RHFPeriodUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.isFocus && "isFocus", ownerState.isTabSelected && "isTabSelected"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFPeriodUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const RHFPeriod = (props) => {
-  const {
-    name,
-    readOnly,
-    skeletonWidth,
-    skeletonHeight,
-    state,
-    label,
-    mandatory,
-    mandatoryMessage,
-    helperMessage,
-    size
-  } = props;
-  const { control } = useFormContext();
-  const isSkeleton = useModuleSkeleton();
-  const { isFocus, isTabSelected, handlerFocus, handlerOnKeyUp, handlerOnBlur } = useFormFocus();
-  const ownerState = {
-    isFocus: !isSkeleton ? isFocus : false,
-    isTabSelected: !isSkeleton ? isTabSelected : false
-  };
-  const classes = RHFPeriodUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(
-    RHFPeriodRoot,
-    {
-      className: classes.root,
-      tabIndex: 0,
-      onFocus: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerOnKeyUp,
-      children: /* @__PURE__ */ jsx(
-        Controller,
-        {
-          name,
-          control,
-          render: ({ field: { onChange, value }, fieldState: { error } }) => {
-            return /* @__PURE__ */ jsxs(Fragment, { children: [
-              label && /* @__PURE__ */ jsx(
-                FieldLabel,
-                {
-                  label,
-                  mandatory,
-                  mandatoryMessage,
-                  helperMessage
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Period,
-                {
-                  value,
-                  onChange,
-                  state: !!error === true ? "error" : state,
-                  readOnly,
-                  skeletonWidth,
-                  skeletonHeight,
-                  size
-                }
-              ),
-              error && /* @__PURE__ */ jsx(HelperText, { variant: "error", message: error.message || "" })
-            ] });
-          }
-        }
-      )
-    }
-  );
-};
 function getFormatPeriod(years, months, days) {
   const { getLabel } = useModuleDictionary();
   let period = "";
@@ -417,8 +323,7 @@ function PeriodFormatter(props) {
   return /* @__PURE__ */ jsx(Component, { children: getFormatPeriod(years, months, days) });
 }
 export {
-  PeriodFormatter as P,
-  RHFPeriod as R,
-  Period as a,
+  Period as P,
+  PeriodFormatter as a,
   getFormatPeriod as g
 };

package/components/PrintingSystem/{index.fb176a93.js → index.89493ad6.js}

@@ -1,22 +1,23 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { Z as componentName } from "../areas/constants.5387d83e.js";
-import { g as getComponentUtilityClass } from "../../utils/index.9ee4c99a.js";
+import { G as componentName } from "../areas/constants.630a4f42.js";
+import { g as getComponentUtilityClass } from "../../utils/index.0660ee9c.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.67d9f1b4.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.540a4b19.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.41e7fcb0.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.7de4e411.js";
-import { b as ImageNode, Q as QRImageNode } from "../Image/index.36a3d440.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.c1d61038.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.eaee152a.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.f9ccf22b.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.f2f2e903.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.f5f63a2a.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.18bd9bad.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.fdf04592.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index.7fdad1df.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index.659f28e5.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.137ebb7a.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index.691b5c38.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index.0d32558e.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index.fdd8cebb.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index.fcaf9b2f.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index.3699b685.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.bcc87da8.js";
+import { G as GridNode } from "./subcomponents/GridNode/index.03148990.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index.12293a60.js";
+import { P as PagerNode } from "../mui_extended/Pager/index.46aec921.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
+import { P as PageRender } from "../Page/index.7482cf60.js";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { useTheme } from "@mui/material/styles";
 const classes = generateUtilityClasses(componentName, [

package/components/PrintingSystem/subcomponents/BodyNode/{index.c1d61038.js → index.fdd8cebb.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.fb176a93.js";
+import { c as classes, g as getSize } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const BodyNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/ChartNode/{index.18bd9bad.js → index.12293a60.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.fb176a93.js";
+import { c as classes } from "../../index.89493ad6.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";

package/components/PrintingSystem/subcomponents/DividerNode/{index.67d9f1b4.js → index.7fdad1df.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.fb176a93.js";
+import { c as classes } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const DividerNode = (props) => {
   const { direction = "vertical", className = "", style = {} } = props;

package/components/PrintingSystem/subcomponents/FooterNode/{index.eaee152a.js → index.fcaf9b2f.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.fb176a93.js";
+import { c as classes, g as getSize } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const FooterNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/GridNode/{index.f5f63a2a.js → index.03148990.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.fb176a93.js";
+import { c as classes, g as getSize } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const GridNode = (props) => {
   const { style = {}, className = "", rows, columns } = props;

package/components/PrintingSystem/subcomponents/HeaderNode/{index.7de4e411.js → index.691b5c38.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.fb176a93.js";
+import { c as classes, g as getSize } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const HeaderNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/PaperNode/{index.f9ccf22b.js → index.3699b685.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.fb176a93.js";
+import { c as classes } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const PaperNode = (props) => {
   const { children, style = {}, className = "", title, titleSecondary } = props;

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.f2f2e903.js → index.bcc87da8.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.fb176a93.js";
+import { c as classes, g as getSize } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const PropertyValueNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/SectionNode/{index.540a4b19.js → index.659f28e5.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.fb176a93.js";
+import { c as classes, g as getSize } from "../../index.89493ad6.js";
 import clsx from "clsx";
 const SectionNode = (props) => {
   const {