@m4l/components 9.1.83 → 9.1.85

package/components/Color/slots/ColorSlots.js

@@ -3,8 +3,8 @@ import { styled } from "@mui/material/styles";
 import { C as COLOR_KEY_COMPONENT } from "../constants.js";
 import { c as colorStyles } from "../Color.styles.js";
 import { C as ColorSlots } from "./ColorEnum.js";
-import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 const IconButtonRootStyled = styled(IconButton, {
   name: COLOR_KEY_COMPONENT,
   slot: ColorSlots.root

package/components/CommonActions/components/ActionCancel/slots/ActionsCancelSlots.d.ts

@@ -1,4 +1,4 @@
-declare const ActionCancelRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "fullWidth" | "disableElevation" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionCancelOwnerState> & Record<string, unknown> & {
+declare const ActionCancelRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionCancelOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').ActionCancelOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export { ActionCancelRootStyled };

package/components/CommonActions/components/ActionFormIntro/index.d.ts

@@ -1,4 +1,4 @@
-import { LoadingButtonProps } from '../../../mui_extended/LoadingButton/types';
+import { ActionsFormIntroProps } from './types';
 /**
  * TODO: Documentar
  * @author Andrés Quintero - automatic
@@ -6,4 +6,4 @@ import { LoadingButtonProps } from '../../../mui_extended/LoadingButton/types';
  * @updatedAt 2025-01-03 11:42:14 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
-export declare function ActionFormIntro(props: LoadingButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionFormIntro(props: ActionsFormIntroProps): import("react/jsx-runtime").JSX.Element;

package/components/CommonActions/components/ActionFormIntro/index.js

@@ -1,31 +1,27 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { Skeleton } from "@mui/material";
+import { useModuleDictionary } from "@m4l/core";
 import { L as LoadingButton } from "../../../mui_extended/LoadingButton/LoadingButton.js";
 import { u as useCommonActionsUtilityClasses } from "../../classes/index.js";
 function ActionFormIntro(props) {
+  const { variant = "contained", color = "primary", label, ...others } = props;
   const { getLabel } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
+  const finalLabel = label || getLabel("common_actions.intro");
   const { control } = useFormContext();
   const { isSubmitting } = useFormState({
     control
   });
-  const { variant = "contained", color = "primary" } = props;
   const classes = useCommonActionsUtilityClasses();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 57, height: 30 });
-  }
   return /* @__PURE__ */ jsx(
     LoadingButton,
     {
+      ...others,
       variant,
       type: "submit",
       color,
       loading: isSubmitting,
       className: classes.actionFormIntro,
-      ...props,
-      label: getLabel("common_actions.intro")
+      label: finalLabel
     }
   );
 }

package/components/CommonActions/components/ActionFormIntro/types.d.ts

@@ -0,0 +1,4 @@
+import { LoadingButtonProps } from '../../../mui_extended/LoadingButton/types';
+export interface ActionsFormIntroProps extends Omit<LoadingButtonProps, 'label'> {
+    label?: string;
+}

package/components/CommonActions/components/ActionIntro/slots/ActionsIntroSlots.d.ts

@@ -1,4 +1,4 @@
-declare const ActionIntroRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "fullWidth" | "disableElevation" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionIntroOwnerState> & Record<string, unknown> & {
+declare const ActionIntroRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../../mui_extended/Button').ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "action" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "startIcon" | "endIcon" | "skeletonWidth" | "disableElevation" | "fullWidth" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').ActionIntroOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').ActionIntroOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export { ActionIntroRootStyled };

package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.d.ts

@@ -2,7 +2,7 @@
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-30 14:36:08 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-01-22 08:50:39 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare function Density(): import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.js

@@ -14,18 +14,21 @@ function Density() {
     }
     return [
       {
+        type: "menuItem",
         urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
         onClick: () => setRowHeightVariant("compact"),
         disabled: currentRowHeightVariant === "compact",
         label: "data_grid.density_compact"
       },
       {
+        type: "menuItem",
         urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
         onClick: () => setRowHeightVariant("standard"),
         disabled: currentRowHeightVariant === "standard",
         label: "data_grid.density_standard"
       },
       {
+        type: "menuItem",
         urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
         onClick: () => setRowHeightVariant("confortable"),
         disabled: currentRowHeightVariant === "confortable",

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts

@@ -2,7 +2,7 @@
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:30 - automatic
- * @updatedAt 2024-12-30 14:36:08 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-01-22 08:50:39 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const MobileMenuActions: () => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.js

@@ -14,29 +14,34 @@ const MobileMenuActions = () => {
   };
   const menuActions = [
     {
+      type: "menuItem",
       startIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
       onClick: () => setRowHeightVariant("compact"),
       disabled: currentRowHeightVariant === "compact",
       label: "data_grid.density_compact"
     },
     {
+      type: "menuItem",
       startIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
       onClick: () => setRowHeightVariant("standard"),
       disabled: currentRowHeightVariant === "standard",
       label: "data_grid.density_standard"
     },
     {
+      type: "menuItem",
       startIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
       onClick: () => setRowHeightVariant("confortable"),
       disabled: currentRowHeightVariant === "confortable",
       label: "data_grid.density_confortable"
     },
     {
+      type: "menuItem",
       startIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/filter.svg`,
       onClick: () => toggleIcon(),
       label: activeFilters ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show"
     },
     {
+      type: "menuItem",
       startIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`,
       onClick: () => modalSettings(),
       label: "data_grid.tooltip_settings"

package/components/MenuActions/MenuActions.d.ts

@@ -7,8 +7,8 @@ import { MenuActionsProps } from './types';
  * y estilos configurables.
  * @author cesar - automatic
  * @createdAt 2024-12-17 15:41:39 - automatic
- * @updatedAt 2025-01-03 11:42:14 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-01-22 09:40:57 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
 /**

package/components/MenuActions/MenuActions.js

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useState, useMemo, createElement } from "react";
+import React, { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { P as Popover } from "../mui_extended/Popover/Popover.js";
-import { I as IconButton } from "../mui_extended/IconButton/IconButton.js";
 import { M as MenuItem } from "../mui_extended/MenuItem/MenuItem.js";
-import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_, b as MENU_ACTIONS_EMPTY } from "./constants.js";
+import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_ } from "./constants.js";
 import { g as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
-import { R as RootStyled, M as MenuListStyled } from "./slots/MenuActionsSlots.js";
+import { M as MenuDivider } from "../mui_extended/MenuDivider/MenuDivider.js";
+import { R as RootStyled, I as IconButtonStyled, M as MenuListStyled, a as MenuLoaderStyled } from "./slots/MenuActionsSlots.js";
+import { C as CircularProgress } from "../mui_extended/CircularProgress/CircularProgress.js";
 function MenuActions(props) {
   const {
     menuActions,
@@ -18,11 +19,6 @@ function MenuActions(props) {
     urlIcon,
     icon,
     toolTip = "",
-    marginTop,
-    marginBottom,
-    marginLeft,
-    marginRight,
-    width = 200,
     badgeContent,
     arrowType = "right-top",
     externalOpen = null,
@@ -30,30 +26,25 @@ function MenuActions(props) {
     size = "medium",
     disabled = false,
     paperProps = {},
+    color = "primary",
+    actionKey,
     ...other
   } = props;
   const { currentSize } = useComponentSize(size);
-  const paperDepractedStyleProps = {
-    marginTop: marginTop ? typeof marginTop === "string" ? `${marginTop}` : `${marginTop}px` : "0px",
-    marginBottom: marginBottom ? typeof marginBottom === "string" ? `${marginBottom}` : `${marginBottom}px` : "0px",
-    marginLeft: marginLeft ? typeof marginLeft === "string" ? `${marginLeft}` : `${marginLeft}px` : "0px",
-    marginRight: marginRight ? typeof marginRight === "string" ? `${marginRight}` : `${marginRight}px` : "0px",
-    width: width !== 200 ? `${width}px !important` : "200px !important"
-  };
-  const ownerState = {
-    iconSize: currentSize
-  };
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();
   const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(externalOpen ?? anchorEl);
+  const ownerState = {
+    iconSize: currentSize,
+    selected: open,
+    paletteColor: color
+  };
   const handleOpenClose = () => {
     setAnchorEl(null);
   };
   const finalIcon = useMemo(() => {
-    if (icon || urlIcon) {
-      return icon || urlIcon;
-    }
-    return `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
+    return icon || urlIcon || `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
   }, [urlIcon, icon, host_static_assets, environment_assets]);
   const handleClick = (e, menuAction) => {
     e.stopPropagation();
@@ -65,19 +56,52 @@ function MenuActions(props) {
     setAnchorEl(e.currentTarget);
   };
   const finalActions = useMemo(() => {
-    let ret;
-    if (typeof menuActions !== "function") {
-      ret = menuActions;
-    } else {
-      ret = menuActions(objItem);
+    if (!menuActions) {
+      return [];
+    }
+    const processedActions = typeof menuActions === "function" ? menuActions(objItem) : menuActions;
+    if (!Array.isArray(processedActions)) {
+      return [];
     }
-    return ret;
+    return processedActions.filter((action) => !!action.type);
   }, [menuActions, objItem]);
-  const open = Boolean(externalOpen ?? anchorEl);
+  const renderMenuContent = () => {
+    if (!finalActions.length) {
+      return /* @__PURE__ */ jsx(MenuItem, { disabled: true, role: "menu-no-actions", label: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)) });
+    }
+    return /* @__PURE__ */ jsxs(MenuListStyled, { ownerState: { ownerState }, children: [
+      finalActions.map((menuAction, index) => {
+        const key = actionKey ?? index;
+        switch (menuAction.type) {
+          case "divider":
+            return /* @__PURE__ */ jsx(MenuDivider, { variant: "solid", size }, `divider-${key}`);
+          case "loader":
+            return /* @__PURE__ */ jsx(MenuLoaderStyled, { size, ownerState: { ownerState }, children: /* @__PURE__ */ jsx(CircularProgress, { size }) }, `loader-${key}`);
+          case "customNode":
+            return /* @__PURE__ */ jsx(React.Fragment, { children: menuAction.customNode }, `customNode-${key}`);
+          case "menuItem":
+            return /* @__PURE__ */ jsx(
+              MenuItem,
+              {
+                size,
+                ...menuAction,
+                label: menuAction.label ?? getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)),
+                onClick: menuAction.onClick ? (e) => handleClick(e, menuAction) : void 0
+              },
+              `${MENU_ACTIONS_}${menuAction.label ?? key}`
+            );
+          default:
+            return null;
+        }
+      }),
+      endListElement && endListElement
+    ] });
+  };
   return /* @__PURE__ */ jsxs(RootStyled, { ownerState: { ownerState }, children: [
     /* @__PURE__ */ jsx(
-      IconButton,
+      IconButtonStyled,
       {
+        ownerState: { ...ownerState },
         tooltipContent: toolTip,
         size,
         icon: finalIcon,
@@ -90,42 +114,17 @@ function MenuActions(props) {
         badgeContent
       }
     ),
-    open && /* @__PURE__ */ jsxs(
+    open && /* @__PURE__ */ jsx(
       Popover,
       {
         id: "Popover",
         open,
         anchorEl: externalOpen ?? anchorEl,
-        onClose: () => handleOpenClose(),
+        onClose: handleOpenClose,
         arrowType,
-        slotProps: {
-          paper: { ...paperProps, sx: { ...paperDepractedStyleProps, ...paperProps?.sx } }
-        },
+        slotProps: { paper: { ...paperProps } },
         ...other,
-        children: [
-          finalActions.length > 0 ? /* @__PURE__ */ jsx(MenuListStyled, { ownerState: { ownerState }, children: finalActions.map((menuAction, index) => {
-            return /* @__PURE__ */ createElement(
-              MenuItem,
-              {
-                size,
-                ...menuAction,
-                onClick: (e) => {
-                  handleClick(e, menuAction);
-                },
-                key: `${MENU_ACTIONS_}${menuAction.label ?? index}`
-              }
-            );
-          }) }) : /* @__PURE__ */ jsx(
-            MenuItem,
-            {
-              size,
-              disabled: true,
-              label: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label))
-            },
-            MENU_ACTIONS_EMPTY
-          ),
-          endListElement ? endListElement : null
-        ]
+        children: renderMenuContent()
       }
     )
   ] });

package/components/MenuActions/MenuActions.styles.js

@@ -3,8 +3,8 @@ const menuActionsStyles = {
    * Estilos para el contenedor raíz del menú.
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-30 14:36:09 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-21 10:09:20 - automatic
+   * @updatedUser cesar - automatic
    */
   root: () => ({
     width: "fit-content"
@@ -13,14 +13,50 @@ const menuActionsStyles = {
    * Estilos para el MenuList
    * @author Andrés Quintero - automatic
    * @createdAt 2024-12-27 08:27:30 - automatic
-   * @updatedAt 2024-12-30 14:36:09 - automatic
-   * @updatedUser Andrés Quintero - automatic
+   * @updatedAt 2025-01-21 10:09:20 - automatic
+   * @updatedUser cesar - automatic
    */
   menuList: ({ theme }) => ({
-    padding: 0,
+    paddingTop: theme.vars.size.baseSpacings.sp3,
+    paddingBottom: theme.vars.size.baseSpacings.sp3,
     display: "flex",
     flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp1
+    gap: theme.vars.size.baseSpacings.sp1,
+    "& > div": {
+      paddingLeft: theme.vars.size.baseSpacings.sp4,
+      paddingRight: theme.vars.size.baseSpacings.sp4
+    }
+  }),
+  /**
+   * Estilos para el MenuLoader
+   * @author cesar - automatic
+   * @createdAt 2025-01-20 15:47:07 - automatic
+   * @updatedAt 2025-01-21 10:09:20 - automatic
+   * @updatedUser cesar - automatic
+   */
+  menuLoader: () => ({
+    display: "flex",
+    alignContent: "center"
+  }),
+  /**
+   * Estilos para el IconButton
+   * @author cesar - automatic
+   * @createdAt 2025-01-20 16:37:00 - automatic
+   * @updatedAt 2025-01-21 10:09:20 - automatic
+   * @updatedUser cesar - automatic
+   */
+  iconButton: ({ theme, ownerState }) => ({
+    backgroundColor: ownerState.selected ? theme.vars.palette[ownerState.paletteColor ?? "default"].selectedOpacity : "transparent",
+    outline: "none",
+    "& hover": {
+      backgroundColor: theme.vars.palette[ownerState.paletteColor ?? "default"].selected
+    },
+    "& active": {
+      backgroundColor: theme.vars.palette[ownerState.paletteColor ?? "default"].selectedOpacity
+    },
+    '& [class*="M4LIcon-icon"]': {
+      backgroundColor: ownerState.selected ? theme.vars.palette[ownerState.paletteColor ?? "default"].selected : void 0
+    }
   })
 };
 export {

package/components/MenuActions/constants.js

@@ -3,12 +3,10 @@ const ICONS = {
   MENU: "menu.svg"
 };
 const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";
-const MENU_ACTIONS_EMPTY = "menu_action_empty";
 const MENU_ACTIONS_ = "menu_action_";
 export {
   ICON_PATH as I,
   MENU_ACTIONS_ as M,
   ICONS as a,
-  MENU_ACTIONS_EMPTY as b,
-  MENU_ACTIONS_KEY_COMPONENT as c
+  MENU_ACTIONS_KEY_COMPONENT as b
 };

package/components/MenuActions/slots/MenuActionsEnum.d.ts

@@ -6,5 +6,7 @@
  */
 export declare enum MenuActionsSlots {
     root = "root",
-    menuList = "menuList"
+    menuList = "menuList",
+    menuLoader = "menuLoader",
+    iconButton = "iconButton"
 }

package/components/MenuActions/slots/MenuActionsEnum.js

@@ -1,6 +1,8 @@
 var MenuActionsSlots = /* @__PURE__ */ ((MenuActionsSlots2) => {
   MenuActionsSlots2["root"] = "root";
   MenuActionsSlots2["menuList"] = "menuList";
+  MenuActionsSlots2["menuLoader"] = "menuLoader";
+  MenuActionsSlots2["iconButton"] = "iconButton";
   return MenuActionsSlots2;
 })(MenuActionsSlots || {});
 export {

package/components/MenuActions/slots/MenuActionsSlots.d.ts

@@ -18,3 +18,9 @@ export declare const MenuListStyled: import('@emotion/styled').StyledComponent<P
 }, "children" | "dense" | "variant" | "sx" | "autoFocus" | keyof import('@mui/material/OverridableComponent').CommonProps | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "dense" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
 }, {}, {}>;
+export declare const MenuLoaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/MenuActions/slots/MenuActionsSlots.js

@@ -1,8 +1,9 @@
 import { MenuList } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { c as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
+import { b as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
 import { m as menuActionsStyles } from "../MenuActions.styles.js";
 import { M as MenuActionsSlots } from "./MenuActionsEnum.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
 const RootStyled = styled("div", {
   name: MENU_ACTIONS_KEY_COMPONENT,
   slot: MenuActionsSlots.root
@@ -11,7 +12,17 @@ const MenuListStyled = styled(MenuList, {
   name: MENU_ACTIONS_KEY_COMPONENT,
   slot: MenuActionsSlots.menuList
 })(menuActionsStyles?.menuList);
+const MenuLoaderStyled = styled("div", {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuLoader
+})(menuActionsStyles?.menuLoader);
+const IconButtonStyled = styled(IconButton, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.iconButton
+})(menuActionsStyles?.iconButton);
 export {
+  IconButtonStyled as I,
   MenuListStyled as M,
-  RootStyled as R
+  RootStyled as R,
+  MenuLoaderStyled as a
 };