@m4l/layouts 9.3.1-beta.1 → 9.3.1

package/.storybook/utils/getStylesColorsByMode.d.ts

@@ -24,15 +24,15 @@ export declare const colorsLight: {
     readonly default: {
         readonly semanticText: string;
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -55,13 +55,13 @@ export declare const colorsLight: {
         readonly backdrop: string;
         readonly base: string;
         readonly blur: string;
-        readonly paper: "#fff";
+        readonly paper: "#000";
     };
     readonly chips: {
+        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
-        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -112,15 +112,15 @@ export declare const colorsLight: {
     };
     readonly info: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -132,15 +132,15 @@ export declare const colorsLight: {
     };
     readonly success: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -152,15 +152,15 @@ export declare const colorsLight: {
     };
     readonly warning: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -172,15 +172,15 @@ export declare const colorsLight: {
     };
     readonly error: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -216,15 +216,15 @@ export declare const colorsLight: {
     readonly default: {
         readonly semanticText: string;
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -250,10 +250,10 @@ export declare const colorsLight: {
         readonly paper: "#000";
     };
     readonly chips: {
+        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
-        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -288,7 +288,7 @@ export declare const colorsLight: {
     readonly border: {
         readonly main: string;
         readonly dens: string;
-        readonly default: string;
+        readonly default: string | undefined;
         readonly secondary: string;
         readonly disabled: string;
         readonly error: string;
@@ -304,15 +304,15 @@ export declare const colorsLight: {
     };
     readonly info: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -324,15 +324,15 @@ export declare const colorsLight: {
     };
     readonly success: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -344,15 +344,15 @@ export declare const colorsLight: {
     };
     readonly warning: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -364,15 +364,15 @@ export declare const colorsLight: {
     };
     readonly error: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -409,15 +409,15 @@ export declare const colorsDark: {
     readonly default: {
         readonly semanticText: string;
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -440,13 +440,13 @@ export declare const colorsDark: {
         readonly backdrop: string;
         readonly base: string;
         readonly blur: string;
-        readonly paper: "#fff";
+        readonly paper: "#000";
     };
     readonly chips: {
+        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
-        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -497,15 +497,15 @@ export declare const colorsDark: {
     };
     readonly info: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -517,15 +517,15 @@ export declare const colorsDark: {
     };
     readonly success: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -537,15 +537,15 @@ export declare const colorsDark: {
     };
     readonly warning: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -557,15 +557,15 @@ export declare const colorsDark: {
     };
     readonly error: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -601,15 +601,15 @@ export declare const colorsDark: {
     readonly default: {
         readonly semanticText: string;
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -635,10 +635,10 @@ export declare const colorsDark: {
         readonly paper: "#000";
     };
     readonly chips: {
+        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly info: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly success: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly warning: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
-        readonly error: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly default: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly forest: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
         readonly pink: Record<import('@m4l/styles').ChipColorVariant, import('@m4l/styles').ChipColor>;
@@ -673,7 +673,7 @@ export declare const colorsDark: {
     readonly border: {
         readonly main: string;
         readonly dens: string;
-        readonly default: string;
+        readonly default: string | undefined;
         readonly secondary: string;
         readonly disabled: string;
         readonly error: string;
@@ -689,15 +689,15 @@ export declare const colorsDark: {
     };
     readonly info: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -709,15 +709,15 @@ export declare const colorsDark: {
     };
     readonly success: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -729,15 +729,15 @@ export declare const colorsDark: {
     };
     readonly warning: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;
@@ -749,15 +749,15 @@ export declare const colorsDark: {
     };
     readonly error: {
         readonly focusVisible: string;
+        readonly enabled: string;
+        readonly focus: string;
         readonly light: string;
         readonly dark: string;
         readonly main: string;
         readonly contrastText: string;
-        readonly enabled: string;
         readonly enabledOpacity: string;
         readonly hover: string;
         readonly hoverOpacity: string;
-        readonly focus: string;
         readonly focusOpacity: string;
         readonly selected: string;
         readonly selectedOpacity: string;

package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts

@@ -16,33 +16,26 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         tabContent: import('react').FunctionComponent<any>;
         componentProps?: Omit<any, keyof import('./types').ModuleDetailTabContent<T_1, K_1>> | undefined;
         dictionaryId?: string;
+        size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
         children?: null | undefined;
         ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        title?: string | undefined;
+        component?: React.ElementType | undefined;
         id?: string | undefined;
-        className?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
-        action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
-        centerRipple?: boolean | undefined;
         disabled?: boolean | undefined;
-        disableRipple?: boolean | undefined;
-        disableTouchRipple?: boolean | undefined;
-        focusRipple?: boolean | undefined;
-        focusVisibleClassName?: string | undefined;
-        LinkComponent?: React.ElementType | undefined;
-        onFocusVisible?: React.FocusEventHandler<any> | undefined;
-        sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
-        tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
-        TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
-        touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
+        action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
+        hidden?: boolean | undefined;
         color?: Extract<import('@m4l/styles').ComponentPalletColor, "default"> | undefined;
         content?: string | undefined;
+        style?: React.CSSProperties | undefined;
         translate?: "yes" | "no" | undefined;
-        disableFocusRipple?: boolean | undefined;
-        iconPosition?: ("top" | "bottom" | "start" | "end") | undefined;
-        wrapped?: boolean | undefined;
+        urlIcon?: string | undefined;
+        lang?: string | undefined;
         slot?: string | undefined;
-        title?: string | undefined;
+        dir?: string | undefined;
+        className?: string | undefined;
+        classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
+        sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
         key?: import('react').Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -51,15 +44,13 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         accessKey?: string | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        lang?: string | undefined;
         nonce?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        tabIndex?: NonNullable<React.HTMLAttributes<any>["tabIndex"]> | undefined;
         radioGroup?: string | undefined;
         role?: import('react').AriaRole | undefined;
         about?: string | undefined;
@@ -85,11 +76,11 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
@@ -100,37 +91,37 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
         "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
         "aria-setsize"?: number | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
@@ -300,10 +291,19 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
-        size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
-        component?: React.ElementType | undefined;
+        centerRipple?: boolean | undefined;
+        disableRipple?: boolean | undefined;
+        disableTouchRipple?: boolean | undefined;
+        focusRipple?: boolean | undefined;
+        focusVisibleClassName?: string | undefined;
+        LinkComponent?: React.ElementType | undefined;
+        onFocusVisible?: React.FocusEventHandler<any> | undefined;
+        TouchRippleProps?: Partial<import('@mui/material/ButtonBase/TouchRipple').TouchRippleProps> | undefined;
+        touchRippleRef?: React.Ref<import('@mui/material/ButtonBase/TouchRipple').TouchRippleActions> | undefined;
+        disableFocusRipple?: boolean | undefined;
         dataTestId?: string | undefined;
-        urlIcon?: string | undefined;
+        iconPosition?: ("top" | "bottom" | "start" | "end") | undefined;
+        wrapped?: boolean | undefined;
     }[];
     handleChangeTab: (newValue: string) => void;
 };

package/layouts/MasterDetailLayout/MasterDetailLayout.js

@@ -17,6 +17,7 @@ function MasterDetailLayout(props) {
     detailComponent,
     moduleActions,
     version,
+    buildTime,
     splitPosition
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -28,39 +29,41 @@ function MasterDetailLayout(props) {
     setSplitPositionState(newPostion);
   }, []);
   const splitActions = useMemo(
-    () => [
-      {
-        iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitVertical}`,
-        onClick: () => onChangePostionInternal("vertical"),
-        visibility: "main",
-        label: getLabel(dictionary.LABEL_SPLIT_VERTICAL),
-        tag: "vertical",
-        className: "splitactions",
-        disabled: splitPositionState === "vertical",
-        key: "vertical"
-      },
-      {
-        iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitHorizontal}`,
-        onClick: () => onChangePostionInternal("horizontal"),
-        visibility: "main",
-        label: getLabel(dictionary.LABEL_SPLIT_HORIZONTAL),
-        tag: "horizontal",
-        className: "splitactions",
-        disabled: splitPositionState === "horizontal",
-        key: "horizontal"
-      },
-      {
-        iconUrl: `${host_static_assets}/${environment_assets}/${icons.noSplit}`,
-        onClick: () => onChangePostionInternal("none"),
-        visibility: "main",
-        label: getLabel(dictionary.LABEL_NO_SPLIT),
-        tag: "none",
-        className: "splitactions",
-        disabled: splitPositionState === "none",
-        key: "none"
+    () => {
+      if (isMobile) {
+        return [];
       }
-    ],
-    [getLabel, splitPositionState, environment_assets, host_static_assets, onChangePostionInternal]
+      return [
+        {
+          iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitVertical}`,
+          onClick: () => onChangePostionInternal("vertical"),
+          label: getLabel(dictionary.LABEL_SPLIT_VERTICAL),
+          className: "splitactions",
+          checkable: true,
+          checked: splitPositionState === "vertical",
+          key: "vertical"
+        },
+        {
+          iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitHorizontal}`,
+          onClick: () => onChangePostionInternal("horizontal"),
+          label: getLabel(dictionary.LABEL_SPLIT_HORIZONTAL),
+          className: "splitactions",
+          checkable: true,
+          checked: splitPositionState === "horizontal",
+          key: "horizontal"
+        },
+        {
+          iconUrl: `${host_static_assets}/${environment_assets}/${icons.noSplit}`,
+          onClick: () => onChangePostionInternal("none"),
+          label: getLabel(dictionary.LABEL_NO_SPLIT),
+          className: "splitactions",
+          checkable: true,
+          checked: splitPositionState === "none",
+          key: "none"
+        }
+      ];
+    },
+    [isMobile, host_static_assets, environment_assets, getLabel, splitPositionState, onChangePostionInternal]
   );
   const onClickViewDetail = useCallback(() => {
     moduleLayoutRef.current?.openModal({
@@ -80,11 +83,12 @@ function MasterDetailLayout(props) {
   }, [detailComponent, getLabel]);
   const finalModuleActions = useMemo(() => {
     const actions = getTotalModuleActions(
+      splitPositionState,
       splitActions,
       moduleActions
     );
     return actions;
-  }, [splitActions, moduleActions]);
+  }, [splitActions, moduleActions, splitPositionState]);
   const classRoot = getComponentSlotRoot(MASTER_DETAIL_LAYOUT_PREFIX);
   return /* @__PURE__ */ jsx(MasterDetailProvider, { onClickViewDetail, children: /* @__PURE__ */ jsx(MasterDetailLayoutRootStyled, { className: classRoot, children: /* @__PURE__ */ jsx(
     ModuleLayout,
@@ -93,6 +97,7 @@ function MasterDetailLayout(props) {
       moduleId,
       moduleActions: finalModuleActions,
       version,
+      buildTime,
       children: /* @__PURE__ */ jsx(
         SplitLayout,
         {

package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.d.ts

@@ -1,5 +1,5 @@
-import { ModuleAction } from '@m4l/components';
+import { ModuleAction, GroupActionMenuItem } from '@m4l/components';
 /**
  * Obtiene las acciones totales del modulo
  */
-export declare function getTotalModuleActions(splitActions: ModuleAction[], moduleActions?: ModuleAction[]): ModuleAction[];
+export declare function getTotalModuleActions(selectedActionKey: string, splitActions: GroupActionMenuItem[], moduleActions?: ModuleAction[]): ModuleAction[];

package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.js

@@ -1,6 +1,13 @@
-function getTotalModuleActions(splitActions, moduleActions = []) {
-  let totalActions = [...splitActions];
-  totalActions = moduleActions.concat(totalActions);
+function getTotalModuleActions(selectedActionKey, splitActions, moduleActions = []) {
+  let totalActions = [];
+  const groupAction = {
+    type: "groupActions",
+    actions: splitActions,
+    key: "splitActions",
+    selectedActionKey,
+    visibility: "main"
+  };
+  totalActions = moduleActions.concat(groupAction);
   return totalActions;
 }
 export {

package/layouts/ModuleLayout/ModuleLayout.js

@@ -4,7 +4,7 @@ import { forwardRef, useRef, useImperativeHandle } from "react";
 import { B as BaseModuleLayout } from "./subcomponents/BaseModuleLayout/index.js";
 import { a as ModuleProvider } from "./contexts/ModuleContext/index.js";
 const ModuleLayout = forwardRef((props, ref) => {
-  const { moduleId, moduleActions, version, children } = props;
+  const { moduleId, moduleActions, version, children, buildTime } = props;
   const moduleRef = useRef(null);
   const closeModal = () => {
     moduleRef.current?.closeModal();
@@ -17,7 +17,16 @@ const ModuleLayout = forwardRef((props, ref) => {
     closeModal,
     current: moduleRef.current
   }));
-  return /* @__PURE__ */ jsx(ModuleProvider, { moduleId, moduleActions, version, children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(BaseModuleLayout, { ref: moduleRef, children }) }) });
+  return /* @__PURE__ */ jsx(
+    ModuleProvider,
+    {
+      moduleId,
+      moduleActions,
+      version,
+      buildTime,
+      children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(BaseModuleLayout, { ref: moduleRef, children }) })
+    }
+  );
 });
 export {
   ModuleLayout as M

package/layouts/ModuleLayout/contexts/ModuleContext/index.js

@@ -4,7 +4,7 @@ import { createContext, useRef, useEffect } from "react";
 import { c as createModuleLayoutStore } from "./store.js";
 const ModuleContext = createContext(null);
 function ModuleProvider(props) {
-  const { children, moduleActions, moduleId, version } = props;
+  const { children, moduleActions, moduleId, version, buildTime } = props;
   const { setActions } = useWindowToolsMF();
   const moduleLayoutStoreRef = useRef();
   useEffect(() => {
@@ -17,6 +17,7 @@ function ModuleProvider(props) {
       moduleActions,
       moduleId,
       version,
+      buildTime,
       setActions
     });
     moduleLayoutStoreRef.current.getState().init();

package/layouts/ModuleLayout/contexts/ModuleContext/store.js

@@ -10,7 +10,7 @@ const createDevtools = (immerMiddlewere, config) => {
   return immerMiddlewere;
 };
 const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
-  const { moduleActions, moduleId, version, setActions } = initProps;
+  const { moduleActions, moduleId, version, setActions, buildTime } = initProps;
   const startProps = {
     configOptions: {
       moduleId
@@ -18,7 +18,8 @@ const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
     dynamicActions: [],
     finalModuleActions: [],
     moduleActions: [],
-    version
+    version,
+    buildTime
   };
   return create(
     createDevtools(
@@ -40,7 +41,7 @@ const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
             const actionsConcatenated = (moduleActions || []).concat(dynamicActions);
             state.dynamicActions = dynamicActions;
             state.finalModuleActions = actionsConcatenated;
-            setActions(actionsConcatenated, state.version);
+            setActions(actionsConcatenated, state.version, state.buildTime);
           });
         },
         /**
@@ -51,7 +52,7 @@ const createModuleLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
             const actionsConcatenated = newModuleActions.concat(state.dynamicActions);
             state.moduleActions = moduleActions;
             state.finalModuleActions = actionsConcatenated;
-            setActions(actionsConcatenated, state.version);
+            setActions(actionsConcatenated, state.version, state.buildTime);
           });
         }
       })),

package/layouts/ModuleLayout/contexts/ModuleContext/types.d.ts

@@ -5,7 +5,9 @@ export interface ModuleLayoutContextStateProps {
 }
 export interface ModuleLayoutProviderProps extends Omit<ModuleLayoutContextStateProps, 'init'> {
     children: ReactNode;
-    version: string;
+    /**
+     *  "moduleActions" acciones del módulo
+     */
     moduleActions?: ModuleAction[];
     /**
      *  "storeId" identificador del store
@@ -15,6 +17,14 @@ export interface ModuleLayoutProviderProps extends Omit<ModuleLayoutContextState
      *  "storeDevtoolsEnabled" determina si se debe usar devtools para el store
      */
     storeDevtoolsEnabled?: boolean;
+    /**
+     *  "version" versión del módulo
+     */
+    version: string;
+    /**
+     *  "buildTime" fecha de compilación del módulo
+     */
+    buildTime?: string;
 }
 export interface ModuleLayoutContextProps extends ModuleLayoutContextStateProps {
     setDynamicActions: (dynamicActions: ModuleAction[]) => void;
@@ -40,6 +50,10 @@ export interface ModuleLayoutState extends Pick<ModuleLayoutProviderProps, 'stor
      * "version" Versión del módulo
      */
     version: string;
+    /**
+     * "buildTime" fecha de compilación del módulo
+     */
+    buildTime?: string;
 }
 export interface ModuleLayoutStateWithActions extends ModuleLayoutState {
     /**
@@ -55,4 +69,4 @@ export interface ModuleLayoutStateWithActions extends ModuleLayoutState {
      */
     updateModuleActions: (moduleActions: ModuleAction[]) => void;
 }
-export type InitialModuleLayoutStoreProps = Pick<ModuleLayoutState, 'moduleActions' | 'version' | 'storeId'> & Pick<WindowToolsMF, 'setActions'> & ModuleLayoutContextStateProps;
+export type InitialModuleLayoutStoreProps = Pick<ModuleLayoutState, 'moduleActions' | 'version' | 'storeId' | 'buildTime'> & Pick<WindowToolsMF, 'setActions'> & ModuleLayoutContextStateProps;

package/layouts/ModuleLayout/types.d.ts

@@ -18,6 +18,7 @@ export interface ModuleLayoutProps {
     moduleActions?: ModuleAction[];
     children: ReactNode;
     version: string;
+    buildTime?: string;
 }
 export type ModuleLayoutSlotsType = keyof typeof ModuleLayoutSlots;
 export type ModuleLayoutStyles = OverridesStyleRules<ModuleLayoutSlotsType, typeof MODULE_LAYOUT_KEY, Theme>;

package/layouts/NoAuthModuleLayout/slots/NoAuthModuleLayoutSlots.d.ts

@@ -16,4 +16,4 @@ export declare const FormContentDesktopStyled: import('@emotion/styled').StyledC
 export declare const WrapperFormContentDesktopStyled: 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>>, {}>;
 export declare const ContainerModuleNameDesktopStyled: 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>>, {}>;
 export declare const ContentFormDesktopStyled: 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>>, {}>;
-export declare const TypographyBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
+export declare const TypographyBannerStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.1-beta.1",
+  "version": "9.3.1",
   "license": "UNLICENSED",
   "author": "M4L Team ",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "9.2.54-beta.1",
+    "@m4l/components": "^9.0.0",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "7.1.2-beta.1",
-    "@m4l/styles": "7.1.29-beta.1"
+    "@m4l/graphics": "^7.0.0",
+    "@m4l/styles": "^7.0.0"
   },
   "resolutions": {
     "glob": "^10.4.5",

package/test/mocks.d.ts

@@ -17,10 +17,10 @@ export declare const mock_useEnvironment: {
 };
 export declare const formatterValues: Formatters;
 export declare const mockedGraphics: {
-    useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
+    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
 };
 export declare function restoreGraphicsMocked(): void;
 export declare const coreImplementation: typeof core;
 export declare const graphicsImplementation: {
-    useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
+    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
 };