@m4l/components 9.2.56-beta.2 → 9.2.57

package/components/PaperForm/components/Header.js

@@ -16,8 +16,8 @@ const Header = (props) => {
   };
   const renderContentHeader = () => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      urlIcon ? /* @__PURE__ */ jsx(IconStyled, { src: urlIcon, size }) : null,
-      /* @__PURE__ */ jsx(TitleStyled, { variant: "bodyDens", size, children: title })
+      urlIcon ? /* @__PURE__ */ jsx(IconStyled, { ownerState: {}, src: urlIcon, size }) : null,
+      /* @__PURE__ */ jsx(TitleStyled, { ownerState: {}, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PaperFormOwnerState> & Record<string, unknown>) | undefined;
+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 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 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 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;
+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>;
 }, 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 = M4LOverridesStyleRules<PaperFormSlotsType, typeof PAPER_FORM_KEY, Theme>;
+export type PaperFormStyles = Partial<OverridesStyleRules<PaperFormSlotsType, typeof PAPER_FORM_KEY, Theme> | undefined> | undefined;
 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').PrintingSystemOwnerState> & Record<string, unknown>) | undefined;
+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>;
 }, 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,6 +22,7 @@ const BodyNode = (props) => {
   return /* @__PURE__ */ jsx(
     BodyNodeRootStyled,
     {
+      ownerState: {},
       style: {
         flexDirection: direction,
         gap: getSize(gap, unitSize),

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

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

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

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

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

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

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

@@ -19,6 +19,7 @@ const GridNode = (props) => {
     return /* @__PURE__ */ jsxs(
       GridNodeRootStyled,
       {
+        ownerState: {},
         style: {
           ...style
         },
@@ -26,10 +27,12 @@ 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",
@@ -47,11 +50,13 @@ 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,6 +22,7 @@ const HeaderNode = (props) => {
   return /* @__PURE__ */ jsx(
     HeaderNodeRootStyled,
     {
+      ownerState: {},
       style: {
         flexDirection: direction,
         gap: getSize(gap, unitSize),

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

@@ -18,6 +18,7 @@ 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,20 +10,24 @@ 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
                 }
@@ -34,6 +38,7 @@ const PaperNode = (props) => {
         /* @__PURE__ */ jsx(
           PaperNodeContentStyled,
           {
+            ownerState: {},
             children
           }
         )

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

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

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

@@ -22,6 +22,7 @@ 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 = M4LOverridesStyleRules<printingSystemType, typeof PRINTING_SYSTEM_KEY_COMPONENT, Theme>;
+export type PrintingSystemStyles = OverridesStyleRules<printingSystemType, typeof PRINTING_SYSTEM_KEY_COMPONENT, Theme>;
 export {};

package/components/PropertyValue/PropertyValue.js

@@ -31,6 +31,7 @@ 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,
@@ -55,10 +56,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: currentSize, variant: "body", style: { wordBreak: "break-word" }, children: getNullGuard(value) });
+      return /* @__PURE__ */ jsx(Typography, { id: inputId, size: normalizedSize, variant: "body", style: { wordBreak: "break-word" }, children: getNullGuard(value) });
     }
     if (React.isValidElement(value)) {
-      return React.cloneElement(value, { size: currentSize, id: inputId });
+      return React.cloneElement(value, { size: normalizedSize, id: inputId });
     }
     return value;
   };
@@ -79,7 +80,7 @@ function PropertyValue(props) {
           /* @__PURE__ */ jsx(
             Label,
             {
-              size: currentSize,
+              size: normalizedSize,
               label: property,
               mandatory,
               mandatoryMessage,

package/components/PropertyValue/PropertyValue.styles.js

@@ -35,7 +35,7 @@ const propertyValueStyles = {
         maxWidth: "100%"
       }
     };
-    const semanticStyle = ownerState?.semanticWidth && semanticStylesMap[ownerState?.semanticWidth] ? semanticStylesMap[ownerState?.semanticWidth] : {};
+    const semanticStyle = ownerState?.semanticWidth && semanticStylesMap[ownerState.semanticWidth] ? semanticStylesMap[ownerState.semanticWidth] : {};
     return {
       display: "flex",
       flexDirection: ownerState?.isForm ? "column" : "row",
@@ -64,7 +64,7 @@ const propertyValueStyles = {
   name: ({ theme, ownerState }) => ({
     display: "flex",
     alignItems: "center",
-    minWidth: ownerState?.propertyWidth,
+    minWidth: ownerState.propertyWidth,
     width: ownerState?.semanticWidth ? "auto" : "200px",
     fontSize: theme.typography.body2.fontSize,
     color: theme.palette.text.primary,
@@ -79,7 +79,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>) | undefined;
+    ownerState: Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>;
 }, 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>) | undefined;
+    ownerState: Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>;
 }, 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>) | undefined;
+    ownerState: Partial<import('../types').PropertyVaLueOwnerState> & Record<string, unknown>;
 }, 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';
 /**
- * Wrapper scroll, preferably use the scroll with overflow auto.
- * @deprecated
+ * Componente que permite agregar una barra de desplazamiento personalizada.
  */
-export declare const ScrollBar: (props: ScrollBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare function ScrollBar(props: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
+export default ScrollBar;

package/components/ScrollBar/ScrollBar.js

@@ -1,9 +1,49 @@
 import { jsx } from "react/jsx-runtime";
-import { S as ScrollbarRootStyled } from "./slots/ScrollBarSlots.js";
-const ScrollBar = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(ScrollbarRootStyled, { children });
-};
+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
+        }
+      )
+    }
+  );
+}
 export {
   ScrollBar as S
 };

package/components/ScrollBar/ScrollBar.styles.js

@@ -1,13 +1,60 @@
 const scrollBarStyles = {
   /**
-   * Scrollbar root styles
+   * Root element
    */
-  root: () => ({
-    display: "flex",
-    flexDirection: "column",
+  root: ({ theme }) => ({
+    flexGrow: 1,
     width: "100%",
     height: "100%",
-    overflow: "auto"
+    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"
+    }
   })
 };
 export {

package/components/ScrollBar/constants.d.ts

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