@m4l/components 2.0.7 → 3.0.1

package/components/ModalDialog/{index.580a88dc.js → index-BuGRs967.js}

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.df62ccbd.js";
-import { u as useModal } from "../../hooks/useModal/index.6f5c238d.js";
-import { R as ResizeableWindow } from "../Resizeable/index.0ffd46bc.js";
+import { a as Draggable } from "../../react-draggable-DsCPdgQP.js";
+import { u as useModal } from "../../hooks/useModal/index-C9r1LQIz.js";
+import { R as ResizeableWindow } from "../Resizeable/index-ObbOlXFx.js";
 import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.81eb6def.js";
+import { m as modalUtilityClasses } from "../modal/index-CydPIpKZ.js";
 import { useState, useEffect } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ea4c273b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index-B_vOmNZT.js";
 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 }) });
+  return /* @__PURE__ */ jsx(Draggable, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });
 };
 function PaperComponent(props) {
   return /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset", height: "100%" }, ...props });

package/components/NavLink/{index.c6fd316b.js → index-B6Gmzyl0.js}

@@ -2,12 +2,14 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { N as NavLinkRoot } from "../../styles/index.ccd8acc4.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
+import { N as NavLinkRoot } from "../../styles/index-Cc9p_h7i.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { T as Typography } from "../mui_extended/Typography/index-DKPqV11f.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getNavLinkClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);

package/components/NoItemSelected/{index.7274cdb1.js → index-CMet73v_.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { n as WrapperNoItemSelected, o as Label, p as Img, q as WrapperSKTNoItemSelected } from "../../styles/index.ccd8acc4.js";
+import { n as WrapperNoItemSelected, o as Label, p as Img, q as WrapperSKTNoItemSelected } from "../../styles/index-Cc9p_h7i.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
 import { useMemo } from "react";
 import { unstable_composeClasses } from "@mui/base";
@@ -8,7 +8,9 @@ const componentName = "M4LNoItemSelected";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root"
+    /* states or variants of elements */
   ]
 );
 function getNoItemSelectedUtilityClass(slot) {

package/components/ObjectLogs/{index.1b51e5f2.js → index-_8l1PbEQ.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
-import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index.ccd8acc4.js";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.1feaab04.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.2ef6f261.js";
+import { r as Container, s as Actions, t as GridWrapper } from "../../styles/index-Cc9p_h7i.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index-7vJWvQtu.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index-CGcRZ8BA.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.45b8db89.js";
-import { u as useModal } from "../../hooks/useModal/index.6f5c238d.js";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
-import { S as Stack } from "../mui_extended/Stack/index.b8c3b40b.js";
-import { W as WindowBase } from "../modal/WindowBase.cb284225.js";
-import { D as DynamicFilter } from "../DynamicFilter/index.2033e755.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary.a55d5bc2.js";
+import { R as ReactJson } from "../../react-json-view-bhqIAaNg.js";
+import { S as ScrollBar } from "../ScrollBar/index-BpTjE7o3.js";
+import { u as useModal } from "../../hooks/useModal/index-C9r1LQIz.js";
+import { I as Icon } from "../Icon/index-CedboS6y.js";
+import { S as Stack } from "../mui_extended/Stack/index-CV2W-_eL.js";
+import { W as WindowBase } from "../modal/WindowBase-CLBER1xc.js";
+import { D as DynamicFilter } from "../DynamicFilter/index-D2CmPq_i.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { a as getDynamicFilterComponentsDictionary } from "../DynamicFilter/dictionary-DbRGLe8j.js";
 function DetailDialog(props) {
   const { log_id } = props;
   const { networkOperation } = useNetwork();
@@ -56,6 +56,7 @@ function DetailFormatter(props) {
   const isDesktop = useResponsiveDesktop();
   const onClickDetail = () => {
     openModal({
+      // onQueryClose: () => closeModal(),
       window: /* @__PURE__ */ jsx(WindowBase, { title: getLabel("data_grid.settings_title"), children: /* @__PURE__ */ jsx(Stack, { direction: "column", flexGrow: 1, children: /* @__PURE__ */ jsx(DetailDialog, { log_id }) }) }),
       fullScreen: !isDesktop ? true : false
     });
@@ -147,6 +148,8 @@ function ObjectLogs(props) {
                 multiple: false,
                 presence: "fixed",
                 urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
+                // defaultOperand1: startOfMonth(now),
+                // defaultOperand2: endOfDay(new Date()),
               },
               {
                 name: "users.email",
@@ -155,6 +158,8 @@ function ObjectLogs(props) {
                 multiple: true,
                 presence: "optional",
                 urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
+                // defaultOperand1: startOfMonth(now),
+                // defaultOperand2: endOfDay(new Date()),
               },
               {
                 name: "user_logs.log_preview",
@@ -163,6 +168,8 @@ function ObjectLogs(props) {
                 multiple: true,
                 presence: "optional",
                 urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_preview.svg`
+                // defaultOperand1: startOfMonth(now),
+                // defaultOperand2: endOfDay(new Date()),
               },
               {
                 name: "user_logs.log_detail",

package/components/PDFViewer/{index.eed9494a.js → index-CV9x1XKR.js}

@@ -1,12 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { P as PDFVeiwerRoot } from "../../styles/index.ccd8acc4.js";
+import { P as PDFVeiwerRoot } from "../../styles/index-Cc9p_h7i.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Button } from "../mui_extended/Button/index.ca15c36e.js";
+import { B as Button } from "../mui_extended/Button/index-DlzpoczE.js";
 const componentName = "M4LPDFViewer";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "buttonDownload"
+  /* states or variants of elements */
 ]);
 function getPDFViewerUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);

package/components/Page/{index.f6884847.js → index-DKQLs5le.js}

@@ -1,6 +1,6 @@
 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.47e0ce83.js";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index-sSZkZbrr.js";
 import clsx from "clsx";
 import React__default from "react";
 import { Helmet } from "react-helmet-async";
@@ -81,13 +81,16 @@ const PageRender = (props) => {
         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,
+        Array.isArray(children) && children.length > 0 ? (
+          // eslint-disable-next-line @typescript-eslint/no-shadow
+          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
       ] })
     }

package/components/PaperForm/{index.86c1f1d6.js → index-DciWfnML.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index.ccd8acc4.js";
+import { u as HeaderContainer, v as IconTitleContainer, w as IconHeader, S as SkTPaperFormHeader, x as PaperFormRoot, y as Content } from "../../styles/index-Cc9p_h7i.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
+import { I as Icon } from "../Icon/index-CedboS6y.js";
 import { unstable_composeClasses } from "@mui/base";
 const Header = (props) => {
   const { urlIcon, title, classes } = props;
@@ -17,11 +17,13 @@ const Header = (props) => {
 };
 const componentName = "M4LPaperForm";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "headerContainer",
   "iconTitleContainer",
   "iconHeaderContainer",
   "skeletonContainer",
+  /* states or variants of elements */
   "isForm"
 ]);
 function getPaperFormUtilityClass(slot) {

package/components/Period/{index.5757802b.js → index-DxijnNw6.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { z as ContainerPeriod } from "../../styles/index.ccd8acc4.js";
+import { z as ContainerPeriod } from "../../styles/index-Cc9p_h7i.js";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useState, useMemo } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.ea4c273b.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index-B_vOmNZT.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { T as Typography } from "../mui_extended/Typography/index.61dd3fc6.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.caf17392.js";
+import { T as Typography } from "../mui_extended/Typography/index-DKPqV11f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-BfDbi0cC.js";
 var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
   ETimePeriods2[ETimePeriods2["YEARS"] = 0] = "YEARS";
   ETimePeriods2[ETimePeriods2["MONTHS"] = 1] = "MONTHS";
@@ -25,6 +25,7 @@ function getPeriodComponetsDictionary() {
 }
 const componentName = "M4LPeriod";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "containerDateLabel",
   "containerDateValue",
@@ -32,6 +33,7 @@ generateUtilityClasses(componentName, [
   "skeletonFieldPrimary",
   "skeletonFieldSecondary",
   "skeletonFieldSecondary",
+  /* states or variants of elements */
   "stateError",
   "stateReadOnly",
   "variantMonoperiod",
@@ -81,29 +83,19 @@ const SkeletonPeriod = (props) => {
   ] });
 };
 const getSelPeriodTime = (period) => {
-  if (!period)
-    return ETimePeriods.YEARS;
-  if (period.selPeriodTime)
-    return period.selPeriodTime;
-  if (period.years && period.years > 0)
-    return ETimePeriods.YEARS;
-  if (period.months && period.months > 0)
-    return ETimePeriods.MONTHS;
-  if (period.days && period.days > 0)
-    return ETimePeriods.DAYS;
+  if (!period) return ETimePeriods.YEARS;
+  if (period.selPeriodTime) return period.selPeriodTime;
+  if (period.years && period.years > 0) return ETimePeriods.YEARS;
+  if (period.months && period.months > 0) return ETimePeriods.MONTHS;
+  if (period.days && period.days > 0) return ETimePeriods.DAYS;
   return ETimePeriods.YEARS;
 };
 const getSingleValue = (period) => {
-  if (!period)
-    return "";
-  if (period.singleValue !== void 0)
-    return period.singleValue;
-  if (period.years && period.years > 0)
-    return period.years;
-  if (period.months && period.months > 0)
-    return period.months;
-  if (period.days && period.days > 0)
-    return period.days;
+  if (!period) return "";
+  if (period.singleValue !== void 0) return period.singleValue;
+  if (period.years && period.years > 0) return period.years;
+  if (period.months && period.months > 0) return period.months;
+  if (period.days && period.days > 0) return period.days;
   return "";
 };
 const Period = (props) => {
@@ -139,12 +131,9 @@ const Period = (props) => {
       newPeriod.years = 0;
       newPeriod.months = 0;
       newPeriod.days = 0;
-      if (newPeriodTime === ETimePeriods.YEARS)
-        newPeriod.years = newValue;
-      if (newPeriodTime === ETimePeriods.MONTHS)
-        newPeriod.months = newValue;
-      if (newPeriodTime === ETimePeriods.DAYS)
-        newPeriod.days = newValue;
+      if (newPeriodTime === ETimePeriods.YEARS) newPeriod.years = newValue;
+      if (newPeriodTime === ETimePeriods.MONTHS) newPeriod.months = newValue;
+      if (newPeriodTime === ETimePeriods.DAYS) newPeriod.days = newValue;
     }
     onChange(newPeriod);
   };

package/components/PrintingSystem/{index.47e0ce83.js → index-sSZkZbrr.js}

@@ -1,26 +1,27 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.ebfbb70f.js";
-import { B as PrintingSystemRoot } from "../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../utils/index-DiMrtgIu.js";
+import { B as PrintingSystemRoot } from "../../styles/index-Cc9p_h7i.js";
 import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index.13330f51.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index.e80cce87.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index.7fc92f43.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index.0ed11227.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index.32b58ce4.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index.d58660a8.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index.05da3e1d.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index.0a0227e4.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index.18931b6e.js";
-import { G as GridNode } from "./subcomponents/GridNode/index.d68b5460.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index.8e010873.js";
-import { P as PagerNode, a as PageRender } from "../Page/index.f6884847.js";
+import { D as DividerNode } from "./subcomponents/DividerNode/index-BA-IYLWh.js";
+import { S as SectionNode } from "./subcomponents/SectionNode/index-Cw8ZUwsm.js";
+import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index-l9SFQ11V.js";
+import { H as HeaderNode } from "./subcomponents/HeaderNode/index-CiVr-jBF.js";
+import { a as ImageNode, Q as QRImageNode } from "../Image/index-B7FhR9uF.js";
+import { B as BodyNode } from "./subcomponents/BodyNode/index-CxYjxWxL.js";
+import { F as FooterNode } from "./subcomponents/FooterNode/index-Bn9eNtAi.js";
+import { P as PaperNode } from "./subcomponents/PaperNode/index-BGbvh0Xk.js";
+import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index-DvhbyOo3.js";
+import { G as GridNode } from "./subcomponents/GridNode/index-gNEGVptD.js";
+import { C as ChartNode } from "./subcomponents/ChartNode/index-D85qi4Qz.js";
+import { P as PagerNode, a as PageRender } from "../Page/index-DKQLs5le.js";
 import { useBase, evaluateWithContext } from "@m4l/core";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import { useTheme } from "@mui/material/styles";
 const componentName = "M4LPrintingSystem";
 const classes = generateUtilityClasses(componentName, [
+  /* elements */
   "root",
   "pageNodeRoot",
   "sectionNodeRoot",
@@ -49,6 +50,7 @@ const classes = generateUtilityClasses(componentName, [
   "gridNodeTr",
   "gridNodeTd",
   "chartNodeRoot"
+  /* states or variants of elements */
 ]);
 const printingSystemUtilityClasses = () => {
   const slots = {

package/components/PrintingSystem/subcomponents/BodyNode/{index.d58660a8.js → index-CxYjxWxL.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.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const BodyNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/ChartNode/{index.8e010873.js → index-D85qi4Qz.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index.47e0ce83.js";
+import { c as classes } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 import { createRef, useEffect } from "react";
 import { Chart, registerables } from "chart.js";
@@ -34,6 +34,7 @@ const ChartNode = (props) => {
   const data = Array.isArray(adjustedPoints) && adjustedPoints.length > 0 ? adjustedPoints.map((point) => {
     return {
       x: point.avg,
+      // Usar el valor promedio como el punto x
       y: point.correction,
       yMin: point.correction !== null && point.uncertainty !== null ? point.correction - point.uncertainty : 0,
       yMax: point.correction !== null && point.uncertainty !== null ? point.correction + point.uncertainty : 0
@@ -74,6 +75,7 @@ const ChartNode = (props) => {
                   text: evaluateWithContext(sourceData, messageX)
                 },
                 beginAtZero: false
+                // No empezar en 0 en el eje x
               },
               y: {
                 title: {

package/components/PrintingSystem/subcomponents/DividerNode/{index.13330f51.js → index-BA-IYLWh.js}

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

package/components/PrintingSystem/subcomponents/FooterNode/{index.05da3e1d.js → index-Bn9eNtAi.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.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const FooterNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/GridNode/{index.d68b5460.js → index-gNEGVptD.js}

@@ -1,13 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const GridNode = (props) => {
   const { style = {}, className = "", rows, columns } = props;
   const regexPattern = /\$\{([^{}]+)\}/g;
   const rowMaybeString = typeof rows === "string" && regexPattern.exec(rows) || "";
   const dataColumns = Array.isArray(columns) && columns.length > 0 ? columns : [];
-  const { unitSize, sourceData } = useBase();
+  const {
+    unitSize,
+    sourceData
+    /* templateData */
+  } = useBase();
   const result = getPropertyByString(sourceData, typeof rows === "string" ? rowMaybeString[1] : "");
   const rowEval = Array.isArray(result) ? result : typeof result === "object" ? [{ ...result }] : [];
   const rowsFormated = typeof rows === "string" ? rowEval : rows;

package/components/PrintingSystem/subcomponents/HeaderNode/{index.0ed11227.js → index-CiVr-jBF.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.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const HeaderNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/PaperNode/{index.0a0227e4.js → index-BGbvh0Xk.js}

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

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.18931b6e.js → index-DvhbyOo3.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.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const PropertyValueNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/SectionNode/{index.e80cce87.js → index-Cw8ZUwsm.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.47e0ce83.js";
+import { c as classes, g as getSize } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const SectionNode = (props) => {
   const {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.7fc92f43.js → index-l9SFQ11V.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.47e0ce83.js";
+import { c as classes } from "../../index-sSZkZbrr.js";
 import clsx from "clsx";
 const TextBoxNode = (props) => {
   const { variant = "body", style, className, textAlign = "start", children } = props;

package/components/PropertyValue/{index.ee9cf342.js → index-hcXIE6qk.js}

@@ -1,22 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { E as PropertyValueRoot } from "../../styles/index.ccd8acc4.js";
+import { E as PropertyValueRoot } from "../../styles/index-Cc9p_h7i.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../test/getNameDataTestId.0faeade8.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
+import { g as getNameDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
 import { useState } from "react";
-import { F as FieldLabel } from "../FieldLabel/index.972f989e.js";
-import { I as Icon } from "../Icon/index.0f315ccd.js";
+import { F as FieldLabel } from "../FieldLabel/index-BpW2AGJx.js";
+import { I as Icon } from "../Icon/index-CedboS6y.js";
 const componentName = "M4LPropertyValue";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root",
     "property",
     "iconProperty",
     "value",
+    /* states or variants of elements */
     "isDisabled",
     "isFocus",
     "variantIsForm",

package/components/Resizeable/{index.0ffd46bc.js → index-ObbOlXFx.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { J as WrapperResizeable } from "../../styles/index.ccd8acc4.js";
+import { J as WrapperResizeable } from "../../styles/index-Cc9p_h7i.js";
 function ResizeableWindow(props) {
   const { children, width = 600, height = 400, maxHeigth, onResize, maxWidth, ...other } = props;
   return /* @__PURE__ */ jsx(

package/components/ScrollBar/{index.45b8db89.js → index-BpTjE7o3.js}

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Box } from "@mui/material";
-import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index.ccd8acc4.js";
+import { R as RootStyle, K as SimpleBarStyle } from "../../styles/index-Cc9p_h7i.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LScrollBar";
 generateUtilityClasses(componentName, [
+  /* elements */
   "root"
+  /* states or variants of elements */
 ]);
 function getScrollBarUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);