@m4l/components 9.2.57 → 9.2.58

package/components/PrintingSystem/slots/PrintingSystemSlots.d.ts

@@ -1,63 +1,63 @@
-export declare const PrintingSystemRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PrintingSystemRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PageNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PageNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const SectionNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const SectionNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const HeaderNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const HeaderNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const FooterNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const FooterNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const TextBoxNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const TextBoxNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const BodyNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const BodyNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PaperNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PaperNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PaperNodeContainerTitlesStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PaperNodeContainerTitlesStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PaperNodeTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PaperNodeTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PaperNodeTitleSecondaryStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PaperNodeTitleSecondaryStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PaperNodeContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PaperNodeContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PropertyValueNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PropertyValueNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PropertyValueNodeTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PropertyValueNodeTitleStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PropertyValueNodeContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const PropertyValueNodeContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const DividerNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const DividerNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const GridNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const GridNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, keyof import('react').ClassAttributes<HTMLTableElement> | keyof import('react').TableHTMLAttributes<HTMLTableElement>>, {}>;
-export declare const GridNodeTdStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const GridNodeTdStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, keyof import('react').ClassAttributes<HTMLTableDataCellElement> | keyof import('react').TdHTMLAttributes<HTMLTableDataCellElement>>, {}>;
-export declare const GridNodeThStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const GridNodeThStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, keyof import('react').ClassAttributes<HTMLTableHeaderCellElement> | keyof import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>>, {}>;
-export declare const GridNodeTrStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const GridNodeTrStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, keyof import('react').ClassAttributes<HTMLTableRowElement> | keyof import('react').HTMLAttributes<HTMLTableRowElement>>, {}>;
-export declare const ChartNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>;
+export declare const ChartNodeRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/PrintingSystem/subcomponents/BodyNode/index.js

@@ -22,7 +22,6 @@ const BodyNode = (props) => {
   return /* @__PURE__ */ jsx(
     BodyNodeRootStyled,
     {
-      ownerState: {},
       style: {
         flexDirection: direction,
         gap: getSize(gap, unitSize),

package/components/PrintingSystem/subcomponents/ChartNode/index.js

@@ -93,7 +93,6 @@ const ChartNode = (props) => {
   return /* @__PURE__ */ jsx(
     ChartNodeRootStyled,
     {
-      ownerState: {},
       className: clsx(classes.chartNodeRoot, className),
       style: {
         ...style

package/components/PrintingSystem/subcomponents/DividerNode/index.js

@@ -7,7 +7,6 @@ const DividerNode = (props) => {
   return /* @__PURE__ */ jsx(
     DividerNodeRootStyled,
     {
-      ownerState: {},
       className: clsx(
         classes.dividerNodeRoot,
         className,

package/components/PrintingSystem/subcomponents/FooterNode/index.js

@@ -22,7 +22,6 @@ const FooterNode = (props) => {
   return /* @__PURE__ */ jsx(
     FooterNodeRootStyled,
     {
-      ownerState: {},
       style: {
         flexDirection: direction,
         gap: getSize(gap, unitSize),

package/components/PrintingSystem/subcomponents/GridNode/index.js

@@ -19,7 +19,6 @@ const GridNode = (props) => {
     return /* @__PURE__ */ jsxs(
       GridNodeRootStyled,
       {
-        ownerState: {},
         style: {
           ...style
         },
@@ -27,12 +26,10 @@ const GridNode = (props) => {
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx(
             GridNodeTrStyled,
             {
-              ownerState: {},
               children: columns.map((column) => {
                 return /* @__PURE__ */ jsx(
                   GridNodeThStyled,
                   {
-                    ownerState: {},
                     style: {
                       minWidth: column.width ? getSize(column.width, unitSize) : "auto",
                       maxWidth: column.width ? getSize(column.width, unitSize) : "auto",
@@ -50,13 +47,11 @@ const GridNode = (props) => {
             return /* @__PURE__ */ jsx(
               GridNodeTrStyled,
               {
-                ownerState: {},
                 children: columns.map((cell, id) => {
                   const isNested = cell.nestedValue ? true : false;
                   return /* @__PURE__ */ jsx(
                     GridNodeTdStyled,
                     {
-                      ownerState: {},
                       style: {
                         minWidth: getSize(dataColumns[id].width || "auto", unitSize),
                         justifyContent: cell.alignX ? cell.alignX : "center"

package/components/PrintingSystem/subcomponents/HeaderNode/index.js

@@ -22,7 +22,6 @@ const HeaderNode = (props) => {
   return /* @__PURE__ */ jsx(
     HeaderNodeRootStyled,
     {
-      ownerState: {},
       style: {
         flexDirection: direction,
         gap: getSize(gap, unitSize),

package/components/PrintingSystem/subcomponents/PageNode/index.js

@@ -18,7 +18,6 @@ const PageNode = (props) => {
   return /* @__PURE__ */ jsx(
     PageNodeRootStyled,
     {
-      ownerState: {},
       style: {
         width: getSize(width, unitSize),
         gap: getSize(gap, unitSize),

package/components/PrintingSystem/subcomponents/PaperNode/index.js

@@ -10,24 +10,20 @@ const PaperNode = (props) => {
   return /* @__PURE__ */ jsxs(
     PaperNodeRootStyled,
     {
-      ownerState: {},
       children: [
         /* @__PURE__ */ jsxs(
           PaperNodeContainerTitlesStyled,
           {
-            ownerState: {},
             children: [
               /* @__PURE__ */ jsx(
                 PaperNodeTitleStyled,
                 {
-                  ownerState: {},
                   children: titleFormated
                 }
               ),
               titleSecondary ? /* @__PURE__ */ jsx(
                 PaperNodeTitleSecondaryStyled,
                 {
-                  ownerState: {},
                   style: { color: mainColor },
                   children: titleSecondaryFormated
                 }
@@ -38,7 +34,6 @@ const PaperNode = (props) => {
         /* @__PURE__ */ jsx(
           PaperNodeContentStyled,
           {
-            ownerState: {},
             children
           }
         )

package/components/PrintingSystem/subcomponents/PropertyValueNode/index.js

@@ -19,7 +19,6 @@ const PropertyValueNode = (props) => {
         /* @__PURE__ */ jsx(
           PropertyValueNodeTitleStyled,
           {
-            ownerState: {},
             style: {
               width: getSize(propertyWidth, unitSize),
               minWidth: getSize(propertyWidth, unitSize),
@@ -31,7 +30,6 @@ const PropertyValueNode = (props) => {
         /* @__PURE__ */ jsx(
           PropertyValueNodeContentStyled,
           {
-            ownerState: {},
             children
           }
         )

package/components/PrintingSystem/subcomponents/SectionNode/index.js

@@ -22,7 +22,6 @@ const SectionNode = (props) => {
   return /* @__PURE__ */ jsx(
     SectionNodeRootStyled,
     {
-      ownerState: {},
       style: {
         flexDirection: direction,
         gap: getSize(gap, unitSize),

package/components/PrintingSystem/types.d.ts

@@ -10,9 +10,9 @@ import { PropertyValueNodeProps } from './subcomponents/PropertyValueNode/types'
 import { GridNodeProps } from './subcomponents/GridNode/types';
 import { ChartNodeProps } from './subcomponents/ChartNode/types';
 import { Theme } from '@mui/material';
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { PRINTING_SYSTEM_KEY_COMPONENT } from './constants';
 import { PrintingSystemSlots } from './slots/PrintingSystemEnum';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
 export interface BaseProviderPrintSystem {
     pageId: number;
     unitSize: string;
@@ -241,5 +241,5 @@ export type PrintingSystemOwnerState = Pick<PrintingSystemProps, 'size'> & {
     variant?: PrintingSystemProps['variant'];
     size?: PrintingSystemProps['size'];
 };
-export type PrintingSystemStyles = OverridesStyleRules<printingSystemType, typeof PRINTING_SYSTEM_KEY_COMPONENT, Theme>;
+export type PrintingSystemStyles = M4LOverridesStyleRules<printingSystemType, typeof PRINTING_SYSTEM_KEY_COMPONENT, Theme>;
 export {};

package/components/PropertyValue/PropertyValue.js

@@ -31,7 +31,6 @@ function PropertyValue(props) {
   const uniqueId = useId();
   const inputId = `property-value-${uniqueId}`;
   const { currentSize } = useComponentSize(size);
-  const normalizedSize = currentSize === "large" ? "medium" : currentSize;
   const ownerState = {
     propertyWidth,
     disabled: isForm && disabled ? disabled : false,
@@ -56,10 +55,10 @@ function PropertyValue(props) {
   };
   const renderValue = () => {
     if (typeof value === "string" || typeof value === "number" || value === null || value === void 0) {
-      return /* @__PURE__ */ jsx(Typography, { id: inputId, size: normalizedSize, variant: "body", style: { wordBreak: "break-word" }, children: getNullGuard(value) });
+      return /* @__PURE__ */ jsx(Typography, { id: inputId, size: currentSize, variant: "body", style: { wordBreak: "break-word" }, children: getNullGuard(value) });
     }
     if (React.isValidElement(value)) {
-      return React.cloneElement(value, { size: normalizedSize, id: inputId });
+      return React.cloneElement(value, { size: currentSize, id: inputId });
     }
     return value;
   };
@@ -80,7 +79,7 @@ function PropertyValue(props) {
           /* @__PURE__ */ jsx(
             Label,
             {
-              size: normalizedSize,
+              size: currentSize,
               label: property,
               mandatory,
               mandatoryMessage,

package/components/PropertyValue/PropertyValue.styles.js

@@ -4,72 +4,77 @@ const propertyValueStyles = {
    * Property Value Root Styles
    */
   Root: ({ theme, ownerState }) => {
-    const createSemanticStyle = (minWidth, maxWidth) => ({
-      minWidth,
-      maxWidth,
-      [`@container ${CONTAINER_QUERY_NAME} (max-width: ${parseInt(minWidth, 10)}px)`]: {
-        minWidth: "100%",
+    const createSemanticStyle = (maxWidth) => ({
+      maxWidth: `${maxWidth}px`,
+      minWidth: `${maxWidth}px`,
+      [`@container ${CONTAINER_QUERY_NAME} (max-width: ${maxWidth - 1}px)`]: {
+        minWidth: "100px",
         maxWidth: "100%"
       }
     });
     const semanticStylesMap = {
-      email: createSemanticStyle("260px", "400px"),
-      shortName: createSemanticStyle("40px", "90px"),
-      mediumName: createSemanticStyle("80px", "260px"),
-      bigName: createSemanticStyle("330px", "520px"),
-      shortId: createSemanticStyle("16px", "44px"),
-      mediumId: createSemanticStyle("28px", "60px"),
-      bigId: createSemanticStyle("36px", "200px"),
-      shortDescription: createSemanticStyle("324px", "796px"),
-      mediumDescription: createSemanticStyle("796px", "1500px"),
+      email: createSemanticStyle(400),
+      shortName: createSemanticStyle(90),
+      mediumName: createSemanticStyle(260),
+      bigName: createSemanticStyle(520),
+      shortId: createSemanticStyle(44),
+      mediumId: createSemanticStyle(60),
+      bigId: createSemanticStyle(200),
+      shortDescription: createSemanticStyle(796),
+      mediumDescription: createSemanticStyle(1500),
       bigDescription: {
-        minWidth: "100%",
-        maxWidth: "100%"
+        maxWidth: "100%",
+        width: "100%",
+        minWidth: "100px"
       },
-      shortNumber: createSemanticStyle("30px", "50px"),
-      mediumNumber: createSemanticStyle("44px", "60px"),
-      bigNumber: createSemanticStyle("61px", "162px"),
-      percentNumber: createSemanticStyle("30px", "50px"),
+      shortNumber: createSemanticStyle(50),
+      mediumNumber: createSemanticStyle(60),
+      bigNumber: createSemanticStyle(162),
+      percentNumber: createSemanticStyle(50),
       fullWidth: {
-        minWidth: "100%",
-        maxWidth: "100%"
+        maxWidth: "100%",
+        width: "100%",
+        minWidth: "100px"
       }
     };
-    const semanticStyle = ownerState?.semanticWidth && semanticStylesMap[ownerState.semanticWidth] ? semanticStylesMap[ownerState.semanticWidth] : {};
+    const semanticStyle = ownerState?.semanticWidth && semanticStylesMap[ownerState?.semanticWidth] ? semanticStylesMap[ownerState?.semanticWidth] : {};
     return {
+      containerName: CONTAINER_QUERY_NAME,
+      containerType: "inline-size",
       display: "flex",
       flexDirection: ownerState?.isForm ? "column" : "row",
       justifyContent: ownerState?.isForm ? "space-between" : "left",
       alignItems: "flex-start",
       gap: theme.vars.size.baseSpacings["sp1"],
+      width: ownerState?.semanticWidth ? "auto" : "200px",
+      overflow: "hidden",
       color: theme.palette.text.primary,
       paddingTop: !ownerState?.isForm ? theme.vars.size.baseSpacings.sp1 : void 0,
       paddingBottom: !ownerState?.isForm ? theme.vars.size.baseSpacings.sp1 : void 0,
       borderBottom: !ownerState?.isForm ? `${theme.vars.palette.border.disabled} solid 1px` : "none",
       "&:hover": !ownerState?.isForm && {
-        background: theme.vars.palette.background?.hover
+        background: theme.vars.palette.default?.hoverOpacity
       },
-      ...semanticStyle,
       [`@container ${CONTAINER_QUERY_NAME} (min-width: 0px) and (max-width: 400px)`]: {
         flexDirection: "column"
       },
       ...theme.generalSettings.isMobile && {
         flexDirection: "column"
-      }
+      },
+      ...semanticStyle
     };
   },
   /**
    * Property Styles
    */
-  name: ({ theme, ownerState }) => ({
+  name: ({ theme }) => ({
     display: "flex",
     alignItems: "center",
-    minWidth: ownerState.propertyWidth,
-    width: ownerState?.semanticWidth ? "auto" : "200px",
     fontSize: theme.typography.body2.fontSize,
     color: theme.palette.text.primary,
     gap: theme.vars.size.baseSpacings["sp1"],
-    overflow: "hidden"
+    overflow: "hidden",
+    width: "100%"
   }),
   /**
    * Value Styles (Form and No Form Combined)
@@ -79,7 +84,7 @@ const propertyValueStyles = {
     display: "flex",
     justifyContent: "flex-start",
     overflow: "hidden",
-    height: ownerState?.valueHeight ? ownerState.valueHeight : "auto",
+    height: ownerState?.valueHeight ? ownerState?.valueHeight : "auto",
     ...ownerState?.isForm && {
       gap: theme.vars.size.baseSpacings["sp0-5"],
       flexDirection: "column"

package/components/PropertyValue/slots/PropertyValueSlots.d.ts

@@ -1,9 +1,9 @@
 export declare const PropertyValueRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>;
+    ownerState?: (Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const NameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>;
+    ownerState?: (Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const ValueStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>;
+    ownerState?: (Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/ScrollBar/ScrollBar.d.ts

@@ -1,6 +1,6 @@
 import { ScrollBarProps } from './types';
 /**
- * Componente que permite agregar una barra de desplazamiento personalizada.
+ * Wrapper scroll, preferably use the scroll with overflow auto.
+ * @deprecated
  */
-export declare function ScrollBar(props: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
-export default ScrollBar;
+export declare const ScrollBar: (props: ScrollBarProps) => import("react/jsx-runtime").JSX.Element;

package/components/ScrollBar/ScrollBar.js

@@ -1,49 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import "simplebar-react/dist/simplebar.min.css";
-import clsx from "clsx";
-import { Box } from "@mui/material";
-import { useIsMobile } from "@m4l/graphics";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
-import { S as SCROLL_KEY_COMPONENT, c as classScrollRoot } from "./constants.js";
-import { R as RootScrollBar, S as SimpleBarStyled } from "./slots/ScrollBarSlots.js";
-import { S as ScrollBarSlots } from "./slots/ScrollBarEnum.js";
-function ScrollBar(props) {
-  const {
-    orientation,
-    children,
-    className,
-    dataTestId,
-    ...otherProps
-  } = props;
-  const isMobile = useIsMobile();
-  const ownerState = {
-    orientation,
-    children
-  };
-  if (isMobile) {
-    return /* @__PURE__ */ jsx(Box, { sx: { overflowX: "auto", width: "100%" }, children });
-  }
-  return /* @__PURE__ */ jsx(
-    RootScrollBar,
-    {
-      ownerState: { ...ownerState },
-      id: "RootStyle",
-      className: clsx(classScrollRoot, className),
-      ...getPropDataTestId(SCROLL_KEY_COMPONENT, ScrollBarSlots.root, dataTestId),
-      children: /* @__PURE__ */ jsx(
-        SimpleBarStyled,
-        {
-          orientation: props.orientation,
-          autoHide: false,
-          ownerState: {},
-          className: "simplebar",
-          ...otherProps,
-          children
-        }
-      )
-    }
-  );
-}
+import { S as SCROLL_BAR_CLASS_NAME } from "./constants.js";
+import { S as ScrollbarRootStyled } from "./slots/ScrollBarSlots.js";
+const ScrollBar = (props) => {
+  const { children, overflowX = false, overflowY = true } = props;
+  return /* @__PURE__ */ jsx(ScrollbarRootStyled, { ownerState: { overflowX, overflowY }, className: SCROLL_BAR_CLASS_NAME, children });
+};
 export {
   ScrollBar as S
 };

package/components/ScrollBar/ScrollBar.styles.js

@@ -1,60 +1,15 @@
 const scrollBarStyles = {
   /**
-   * Root element
+   * Scrollbar root styles
    */
-  root: ({ theme }) => ({
-    flexGrow: 1,
+  root: ({ ownerState }) => ({
+    display: "flex",
+    flexDirection: "column",
     width: "100%",
     height: "100%",
-    overflow: "hidden",
-    minHeight: "inherit",
-    "& .simplebar-scrollbar.simplebar-visible:before": {
-      opacity: 1
-    },
-    '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {},
-    '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
-      marginBottom: "9px"
-    },
-    "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before": {
-      backgroundColor: theme.vars.palette.default.focusOpacity,
-      borderRadius: "2px",
-      height: "5px"
-    },
-    "& .simplebar-track.simplebar-vertical .simplebar-scrollbar:before": {
-      background: theme.vars.palette.general.scrollBar,
-      borderRadius: "2px"
-    }
-  }),
-  /**
-   * Scroll bar
-   */
-  scrollBar: ({ theme }) => ({
-    height: "100%",
-    "& .simplebar-scrollbar": {
-      "&:before": {
-        background: theme.vars.palette.general.scrollBar
-      },
-      "&.simplebar-visible:before": {
-        opacity: 1
-      }
-    },
-    "& .simplebar-track.simplebar-vertical": {
-      width: 10
-    },
-    "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar": {
-      height: 6
-    },
-    "& .simplebar-mask": {
-      zIndex: "inherit"
-    },
-    "& .simplebar-content": {
-      display: "flex",
-      flexDirection: "column",
-      height: "100%"
-    },
-    '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
-      marginRight: "12px"
-    }
+    // Si alguno está en true, aplica overflowX o overflowY por separado
+    ...ownerState?.overflowX && { overflowX: "auto" },
+    ...ownerState?.overflowY && { overflowY: "auto" }
   })
 };
 export {

package/components/ScrollBar/constants.d.ts

@@ -1,2 +1,5 @@
-export declare const SCROLL_KEY_COMPONENT = "M4LScrollBar";
-export declare const classScrollRoot: string;
+/**
+ * Nombre de la clase css para el componente.
+ */
+export declare const SCROLL_BAR_KEY_COMPONENTS = "M4LScrollBar";
+export declare const SCROLL_BAR_CLASS_NAME: string;

package/components/ScrollBar/constants.js

@@ -1,7 +1,7 @@
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
-const SCROLL_KEY_COMPONENT = "M4LScrollBar";
-const classScrollRoot = getComponentSlotRoot(SCROLL_KEY_COMPONENT);
+const SCROLL_BAR_KEY_COMPONENTS = "M4LScrollBar";
+const SCROLL_BAR_CLASS_NAME = getComponentSlotRoot(SCROLL_BAR_KEY_COMPONENTS);
 export {
-  SCROLL_KEY_COMPONENT as S,
-  classScrollRoot as c
+  SCROLL_BAR_CLASS_NAME as S,
+  SCROLL_BAR_KEY_COMPONENTS as a
 };

package/components/ScrollBar/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollBar } from './ScrollBar';
+export type { ScrollBarProps } from './types';