@m4l/components 9.2.54 → 9.2.56-beta.2

package/components/Pager/Pager.styles.js

@@ -7,17 +7,13 @@ const pagerStyles = {
     display: "flex",
     flexDirection: "row",
     justifyContent: "space-between",
-    alignItems: "baseline",
+    alignItems: "center",
+    width: "100%",
     whiteSpace: "nowrap",
     overflow: "hidden",
     flexShrink: 0,
+    flexWrap: "wrap",
     gap: theme.vars.size.baseSpacings.sp2,
-    [`@container ${CONTAINER_QUERY_NAME} (max-width: 400px)`]: {
-      overflowX: "auto",
-      whiteSpace: "nowrap",
-      flexWrap: "nowrap",
-      WebkitOverflowScrolling: "touch"
-    },
     "& .M4LSelect-skeletonSelect": {
       width: theme.vars.size.baseSpacings.sp14
     },
@@ -66,11 +62,7 @@ const pagerStyles = {
   /**
    * Rows Per Page Styles
    */
-  rowsPerPage: () => ({
-    [`@container ${CONTAINER_QUERY_NAME} (max-width: 400px)`]: {
-      display: "none"
-    }
-  }),
+  rowsPerPage: {},
   /**
    * Page Counter Styles
    */
@@ -82,6 +74,15 @@ const pagerStyles = {
       maxWidth: "100%",
       display: "inline-block"
     }
+  }),
+  /**
+   *  Container Total Row Select Styles
+   */
+  containerTotalRowSelect: ({ theme }) => ({
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: theme.vars.size.baseSpacings.sp4
   })
 };
 export {

package/components/Pager/index.d.ts

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

package/components/Pager/slots/PagerEnum.d.ts

@@ -6,5 +6,6 @@ export declare enum PagerSlots {
     pagerIcons = "pagerIcons",
     totalRow = "totalRow",
     rowsPerPage = "rowsPerPage",
-    pageCounter = "pageCounter"
+    pageCounter = "pageCounter",
+    containerTotalRowSelect = "containerTotalRowSelect"
 }

package/components/Pager/slots/PagerEnum.js

@@ -7,6 +7,7 @@ var PagerSlots = /* @__PURE__ */ ((PagerSlots2) => {
   PagerSlots2["totalRow"] = "totalRow";
   PagerSlots2["rowsPerPage"] = "rowsPerPage";
   PagerSlots2["pageCounter"] = "pageCounter";
+  PagerSlots2["containerTotalRowSelect"] = "containerTotalRowSelect";
   return PagerSlots2;
 })(PagerSlots || {});
 export {

package/components/Pager/slots/PagerSlots.d.ts

@@ -5,3 +5,4 @@ export declare const PagerIconsStyled: import('@emotion/styled').StyledComponent
 export declare const TotalRowStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
 export declare const RowsPerPageStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
 export declare const PageCounterStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
+export declare const ContainerTotalRowSelectStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/Pager/slots/PagerSlots.js

@@ -31,12 +31,17 @@ const PageCounterStyled = styled(Typography, {
   name: PAGER_KEY_COMPONENT,
   slot: PagerSlots.pageCounter
 })(pagerStyles?.pageCounter);
+const ContainerTotalRowSelectStyled = styled("div", {
+  name: PAGER_KEY_COMPONENT,
+  slot: PagerSlots.containerTotalRowSelect
+})(pagerStyles?.containerTotalRowSelect);
 export {
   ActionsContainerStyled as A,
+  ContainerTotalRowSelectStyled as C,
   LabelSelectContainerStyled as L,
   PagerRootStyled as P,
   RowsPerPageStyled as R,
   TotalRowStyled as T,
-  PageCounterStyled as a,
-  PagerIconsStyled as b
+  PagerIconsStyled as a,
+  PageCounterStyled as b
 };

package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.js

@@ -3,7 +3,7 @@ import { P as PagerActions } from "../PagerActions/PagerActions.js";
 import { useState, useMemo, useEffect, useCallback } from "react";
 import { useModuleDictionary } from "@m4l/core";
 import { P as PAGER_DICTIONARY } from "../../dicctionary.js";
-import { T as TotalRowStyled, L as LabelSelectContainerStyled, R as RowsPerPageStyled, A as ActionsContainerStyled, a as PageCounterStyled } from "../../slots/PagerSlots.js";
+import { C as ContainerTotalRowSelectStyled, T as TotalRowStyled, L as LabelSelectContainerStyled, R as RowsPerPageStyled, A as ActionsContainerStyled } from "../../slots/PagerSlots.js";
 import { S as Select } from "../../../mui_extended/Select/Select.js";
 const CustomTablePagination = (props) => {
   const {
@@ -65,7 +65,7 @@ const CustomTablePagination = (props) => {
     handleChangeRowsPerPage(opt);
   }, [handleChangeRowsPerPage]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs(ContainerTotalRowSelectStyled, { children: [
       /* @__PURE__ */ jsx(TotalRowStyled, { skeletonWidth: 50, size, variant: "body", children: `${labelTotalRows}: ${Math.min(localRowsPerPage, countTotal - currentPage * localRowsPerPage)} ${labelOf} ${countTotal}` }),
       /* @__PURE__ */ jsxs(LabelSelectContainerStyled, { children: [
         /* @__PURE__ */ jsx(RowsPerPageStyled, { skeletonWidth: 50, size, variant: "body", children: `${memoizedLabelRowsPerPage}:` }),
@@ -84,24 +84,22 @@ const CustomTablePagination = (props) => {
         )
       ] })
     ] }) : null,
-    /* @__PURE__ */ jsxs(ActionsContainerStyled, { children: [
-      /* @__PURE__ */ jsx(PageCounterStyled, { skeletonWidth: 50, size, variant: "body", children: formattedLabelDisplayedRows }),
-      /* @__PURE__ */ jsx(
-        PagerActions,
-        {
-          size,
-          count: countTotal,
-          page: currentPage,
-          rowsPerPage: localRowsPerPage,
-          onPageChange: (event, newPage) => {
-            setLocalPage(newPage);
-            if (onPageChange) {
-              onPageChange(event, newPage);
-            }
+    /* @__PURE__ */ jsx(ActionsContainerStyled, { children: /* @__PURE__ */ jsx(
+      PagerActions,
+      {
+        size,
+        count: countTotal,
+        page: currentPage,
+        rowsPerPage: localRowsPerPage,
+        pageCounter: formattedLabelDisplayedRows,
+        onPageChange: (event, newPage) => {
+          setLocalPage(newPage);
+          if (onPageChange) {
+            onPageChange(event, newPage);
           }
         }
-      )
-    ] })
+      }
+    ) })
   ] });
 };
 export {

package/components/Pager/subcomponents/PagerActions/PagerActions.js

@@ -1,14 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
 import { useEnvironment } from "@m4l/core";
-import { b as PagerIconsStyled } from "../../slots/PagerSlots.js";
+import { a as PagerIconsStyled, b as PageCounterStyled } from "../../slots/PagerSlots.js";
 function PagerActions(props) {
   const {
     size,
     count,
     page,
     rowsPerPage,
-    onPageChange
+    onPageChange,
+    pageCounter
     //classes
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -45,6 +46,7 @@ function PagerActions(props) {
         src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
       }
     ),
+    /* @__PURE__ */ jsx(PageCounterStyled, { skeletonWidth: 50, size, variant: "body", children: pageCounter }),
     /* @__PURE__ */ jsx(
       IconButton,
       {

package/components/Pager/subcomponents/PagerActions/types.d.ts

@@ -5,4 +5,5 @@ export interface PagerActionsProps {
     rowsPerPage: number;
     onPageChange: (event: React.MouseEvent<HTMLButtonElement>, newPage: number) => void;
     size?: Extract<Sizes, 'small' | 'medium'>;
+    pageCounter: string;
 }

package/components/PaperForm/components/Header.js

@@ -16,8 +16,8 @@ const Header = (props) => {
   };
   const renderContentHeader = () => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      urlIcon ? /* @__PURE__ */ jsx(IconStyled, { ownerState: {}, src: urlIcon, size }) : null,
-      /* @__PURE__ */ jsx(TitleStyled, { ownerState: {}, variant: "bodyDens", size, children: title })
+      urlIcon ? /* @__PURE__ */ jsx(IconStyled, { src: urlIcon, size }) : null,
+      /* @__PURE__ */ jsx(TitleStyled, { variant: "bodyDens", size, children: title })
     ] });
   };
   return /* @__PURE__ */ jsx(HeaderStyled, { role: "heading", ownerState, ...process.env.NODE_ENV !== "production" ? { "data-testid": dataTestId } : {}, children: isSkeleton ? renderSkeleton() : renderContentHeader() });

package/components/PaperForm/slots/PaperFormSlots.d.ts

@@ -1,15 +1,15 @@
-export declare const PaperFormRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PaperFormOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>;
+export declare const PaperFormRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PaperFormOwnerState> & 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 HeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PaperFormOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>;
+export declare const HeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PaperFormOwnerState> & 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 IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PaperFormOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>;
+export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
-export declare const TitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PaperFormOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>;
+export declare const TitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
-export declare const ContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').PaperFormOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>;
+export declare const ContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').PaperFormOwnerState> & 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/PaperForm/styles.js

@@ -29,11 +29,11 @@ const paperFormStyles = {
     overflow: "hidden",
     padding: `${theme.vars.size.baseSpacings.sp1} ${theme.vars.size.baseSpacings.sp2}`,
     borderRadius: `${theme.vars.size.borderRadius.r1} ${theme.vars.size.borderRadius.r1} 0 0`,
-    background: theme.vars.palette[ownerState.color ?? "default"].hoverOpacity,
+    background: theme.vars.palette[ownerState?.color ?? "default"].hoverOpacity,
     alignSelf: "stretch",
     ...getHeightSizeStyles(
       theme.generalSettings.isMobile,
-      ownerState.size || "medium",
+      ownerState?.size || "medium",
       "container"
     )
   }),
@@ -71,11 +71,11 @@ const paperFormStyles = {
     width: "100%",
     height: "auto",
     display: "flex",
-    flexDirection: ownerState.isForm ? "row" : "column",
-    alignItems: ownerState.isForm ? "flex-start" : "center",
-    justifyContent: ownerState.isForm ? "flex-start" : "center",
-    gap: ownerState.isForm ? theme.vars.size.baseSpacings.sp3 : theme.vars.size.baseSpacings.sp0,
-    flexWrap: ownerState.isForm ? "wrap" : "nowrap",
+    flexDirection: ownerState?.isForm ? "row" : "column",
+    alignItems: ownerState?.isForm ? "flex-start" : "center",
+    justifyContent: ownerState?.isForm ? "flex-start" : "center",
+    gap: ownerState?.isForm ? theme.vars.size.baseSpacings.sp3 : theme.vars.size.baseSpacings.sp0,
+    flexWrap: ownerState?.isForm ? "wrap" : "nowrap",
     padding: theme.vars.size.baseSpacings.sp3,
     background: theme.vars.palette.background.default
   })

package/components/PaperForm/types.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 import { PaperFormSlots } from './slots/PaperFormEnum';
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { PAPER_FORM_KEY } from './constants';
 import { Theme } from '@mui/material/styles';
 import { ComponentPalletColor, Sizes } from '@m4l/styles';
 import { PropertyValueProps } from '../PropertyValue/types';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
 export interface PaperFormProps {
     urlIcon?: string;
     title: string;
@@ -33,5 +33,5 @@ export type PaperFormOwnerState = Pick<PaperFormProps, 'isForm' | 'color' | 'siz
  * **********************************
  */
 export type PaperFormSlotsType = keyof typeof PaperFormSlots;
-export type PaperFormStyles = Partial<OverridesStyleRules<PaperFormSlotsType, typeof PAPER_FORM_KEY, Theme> | undefined> | undefined;
+export type PaperFormStyles = M4LOverridesStyleRules<PaperFormSlotsType, typeof PAPER_FORM_KEY, Theme>;
 export {};

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 {};