@m4l/components 9.1.3 → 9.1.5

package/components/CommonActions/components/ActionsContainer/slots/ActionsContainerSlots.d.ts

@@ -1,4 +1,4 @@
 declare const ActionsContainerRoot: import('@emotion/styled').StyledComponent<Pick<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     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;
-}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>>, "title" | "id" | "hidden" | "content" | "style" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "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" | keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>>, "title" | "id" | "hidden" | "content" | "style" | "translate" | "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" | keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
 export { ActionsContainerRoot };

package/components/ControlIncrement/slots/ControltrolIncrementSlots.d.ts

@@ -9,6 +9,6 @@ export declare const IconButtonDownStyles: import('@emotion/styled').StyledCompo
 }, {}, {}>;
 export declare const ControlIncrementSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
-}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "variant" | "width" | "height" | "translate" | "animation" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "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"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
+}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "variant" | "width" | "height" | "translate" | "animation" | "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"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/DragResizeWindow/DragResizeWindow.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-import { DraggableWindowProps } from './types';
+import { DragResizeWindowProps } from './types';
 /**
- * Este component es un wrapper o ventana draggable y resizeable al children.
- * Caracteristicas
+ * Este component es un wrapper o ventana draggable y resizable al children.
+ * Características
  *   - Permite definir bounds para que la ventana no se salga del contenedor padre.
- *   - Es obligario pasarle como props el containerElement (HTMLElement) del padre.
+ *   - Es obligarlo pasarle como props el containerElement (HTMLElement) del padre.
  *   - Reajusta el Resizable para que los handlers n, w, crezcan en la dirección correcta.
  * Funcionamiento interno:
  *   - DraggableCore clona el children y le agrega un handle para poder arrastrar la ventana
@@ -15,6 +15,10 @@ import { DraggableWindowProps } from './types';
  * Consideraciones:
  * @param props
  * @returns
+ * @author cesar - automatic
+ * @createdAt 2024-11-07 08:06:15 - automatic
+ * @updatedAt 2024-11-13 10:42:04 - automatic
+ * @updatedUser cesar - automatic
  */
-export declare const DragResizeWindow: React.ForwardRefExoticComponent<DraggableWindowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DragResizeWindow: React.ForwardRefExoticComponent<DragResizeWindowProps & React.RefAttributes<HTMLDivElement>>;
 export default DragResizeWindow;

package/components/DragResizeWindow/DragResizeWindow.js

@@ -11,7 +11,7 @@ import { u as useDragOptions } from "./hooks/useDragOptions.js";
 import { u as useResizeOptions } from "./hooks/useResizeOptions.js";
 import { u as useDimensionEffects } from "./hooks/useDimensionEffects.js";
 import { R as RootStyled } from "./slots/DragResizeWindowSlots.js";
-import { R as Resizable } from "../extended/react-resizable/Resizable/Resizable.js";
+import { R as Resizable } from "../extended/React-Resizable/Resizable/Resizable.js";
 const DragResizeWindow = forwardRef((props, ref) => {
   const {
     //Comunes
@@ -33,8 +33,8 @@ const DragResizeWindow = forwardRef((props, ref) => {
     onDrag,
     onDragStop,
     onMouseDown,
-    //ResizeAble
-    resizeable = true,
+    //resizable
+    resizable = true,
     resizeHandles = ["se", "nw"],
     resizeHandle,
     onResizeStart,
@@ -77,6 +77,7 @@ const DragResizeWindow = forwardRef((props, ref) => {
   });
   useDimensionEffects({
     containerElement,
+    bounds,
     containerSize,
     setCurrentState,
     stateRef,
@@ -92,9 +93,9 @@ const DragResizeWindow = forwardRef((props, ref) => {
         Resizable,
         {
           draggableOpts: {
-            disabled: !resizeable
+            disabled: !resizable
           },
-          className: resizeable ? void 0 : "react-resizable-hide",
+          className: resizable ? void 0 : "react-resizable-hide",
           width: position.width,
           height: position.height,
           minConstraints,
@@ -109,7 +110,7 @@ const DragResizeWindow = forwardRef((props, ref) => {
       );
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [resizeable, transformScale]
+    [resizable, transformScale]
   );
   const mixinDraggable = useCallback(
     (child) => {

package/components/DragResizeWindow/DragResizeWindow.styles.d.ts

@@ -1,2 +1,6 @@
 import { DragResizeWindowStyles } from '../DragResizeWindow/types';
+/**
+ * Style definitions for the DragResizeWindow component.
+ * @createdAt 2024-11-08 12:13:10 - automatic
+ */
 export declare const dragResizeWindowStyles: DragResizeWindowStyles;

package/components/DragResizeWindow/DragResizeWindow.styles.js

@@ -1,7 +1,16 @@
 const CONTAINER_QUERY_NAME = "window_root";
 const dragResizeWindowStyles = {
   /**
-   * TODO: Documentar
+   * Styles for the root container of the DragResizeWindow component.
+   * @param {Object} params - Object containing theme and ownerState properties.
+   * @param {Object} params.theme - Theme object for accessing theme variables.
+   * @param {Object} params.ownerState - Object holding the component's current state.
+   * @param {boolean} [params.ownerState.hidden] - Controls visibility; if true, sets the component to be hidden and disables pointer events.
+   * @returns {Object} - Style object for the root container.
+   * @author cesar - automatic
+   * @createdAt 2024-11-08 12:13:10 - automatic
+   * @updatedAt 2024-11-08 12:13:10 - automatic
+   * @updatedUser cesar - automatic
    */
   root: ({ theme, ownerState }) => ({
     containerName: CONTAINER_QUERY_NAME,
@@ -19,7 +28,16 @@ const dragResizeWindowStyles = {
     } : {}
   }),
   /**
-   * TODO: Documentar
+   * Styles for the icon formatter container in the DragResizeWindow component.
+   *
+   * This container serves as the base for resize icons, setting up initial styles
+   * like position, size, and default background color. Adjustments for cursor style
+   * and additional customization are also defined here.
+   * @returns {Object} - Style object for the icon formatter container.
+   * @author cesar - automatic
+   * @createdAt 2024-11-08 12:13:10 - automatic
+   * @updatedAt 2024-11-08 12:13:10 - automatic
+   * @updatedUser cesar - automatic
    */
   iconResizeFormatterRoot: () => ({
     containerName: CONTAINER_QUERY_NAME,
@@ -32,7 +50,6 @@ const dragResizeWindowStyles = {
     backgroundColor: "gray",
     prop2: 1,
     cursor: "default"
-    // zIndex: ownerState.baseZindex || 0,
   })
 };
 export {

package/components/DragResizeWindow/classes/index.js

@@ -1,7 +1,7 @@
 import { generateUtilityClasses } from "@mui/material";
-import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
+import { C as COMPONENT_KEY_COMPONENT } from "../constants.js";
 const dragResizeWindowClasses = generateUtilityClasses(
-  COMPONET_KEY_COMPONENT,
+  COMPONENT_KEY_COMPONENT,
   [
     /* elements */
     "draggableHandle",

package/components/DragResizeWindow/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const COMPONENT_TEST_ID = "M4LDragResizeWindow";
-export declare const COMPONET_KEY_COMPONENT = "M4LDragResizeWindow";
+export declare const COMPONENT_KEY_COMPONENT = "M4LDragResizeWindow";
 export declare const DEFAULT_TRANSFORM_SCALE = 1;

package/components/DragResizeWindow/constants.js

@@ -1,6 +1,6 @@
-const COMPONET_KEY_COMPONENT = "M4LDragResizeWindow";
+const COMPONENT_KEY_COMPONENT = "M4LDragResizeWindow";
 const DEFAULT_TRANSFORM_SCALE = 1;
 export {
-  COMPONET_KEY_COMPONENT as C,
+  COMPONENT_KEY_COMPONENT as C,
   DEFAULT_TRANSFORM_SCALE as D
 };

package/components/DragResizeWindow/helpers/index.d.ts

@@ -1,6 +1,19 @@
 import { ContainerSize } from '../../../utils/types';
 import { CurrentState, DefaultPosition } from '../types';
 /**
- * TODO: Documentar
+ * Calculates the initial size and position of an element based on the provided container size
+ * and default position values.
+ *
+ * This function returns an object with `top`, `left`, `width`, and `height` properties,
+ * which specify the initial position and size of the element. If values for `right` or `bottom`
+ * are provided instead of `top` and `left`, the function calculates the starting position based
+ * on the container dimensions, ensuring that the element is correctly positioned.
+ * @param {ContainerSize | undefined} containerSize - Object containing `containerHeight` and `containerWidth`. Defaults to 200 for both if not provided.
+ * @param {DefaultPosition} defaultPosition - Object defining the default vertical and horizontal positions (`top`, `bottom`, `height`, `left`, `right`, `width`).
+ * @returns {CurrentState} - The initial size and position of the element with `top`, `left`, `width`, and `height` properties.
+ * @author cesar - automatic
+ * @createdAt 2024-11-08 12:13:10 - automatic
+ * @updatedAt 2024-11-08 12:13:10 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const getInitialSize: (containerSize: ContainerSize | undefined, defaultPosition: DefaultPosition) => CurrentState;

package/components/DragResizeWindow/helpers/index.js

@@ -28,8 +28,6 @@ const getInitialSize = (containerSize, defaultPosition) => {
   return {
     top: top ?? (bottom ? containerHeight - bottom - (height || 0) : 0),
     height: height ?? containerHeight - (top || 0) - (bottom || 0),
-    // top: top || 0,
-    // height: height ?? containerHeight - (top || 0) - (bottom || 0),
     left: left ?? (right ? containerWidth - right - (width || 0) : 0),
     width: width ?? containerWidth - (left || 0) - (right || 0)
   };

package/components/DragResizeWindow/hooks/useDimensionEffects.d.ts

@@ -16,6 +16,10 @@ type useOnDragStartProps = {
  * "useDimensionEffects" Redimensiona la ventana si el contenedor padre es desbordado por ella.
  * Guarda las posiciones de la ventana cuando se encoge el contenedor padre, para recuperarlas cuando se expanda.
  * @param props
+ * @author cesar - automatic
+ * @createdAt 2024-11-12 08:41:21 - automatic
+ * @updatedAt 2024-11-13 14:48:00 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const useDimensionEffects: (props: useOnDragStartProps) => void;
 export {};

package/components/DragResizeWindow/hooks/useDimensionEffects.js

@@ -11,26 +11,26 @@ const useDimensionEffects = (props) => {
     currentState,
     setCurrentState
   } = props;
-  const shringkingParentContainer = useCallback(
+  const shrinkingParentContainer = useCallback(
     (newState, cState, containerDimension, divRoot, dimension) => {
       const lDimension = dimension === "Width" ? "width" : "height";
       const leftTop = dimension === "Width" ? "left" : "top";
       const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
       const overflowDimensionAt = dimension === "Width" ? "overflowWidthAt" : "overflowHeightAt";
       const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
-      const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
+      const boundsRightBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
       const minWindowDimension = dimension === "Width" ? minWindowWidth : minWindowHeight;
-      const minDimension = containerDimension - boundsLefTop + boundsRigthBottom > minWindowDimension ? containerDimension - boundsLefTop + boundsRigthBottom : minWindowDimension;
-      let maxDimensionElement = containerDimension - cState[leftTop] + boundsRigthBottom;
+      const minDimension = containerDimension - boundsLefTop + boundsRightBottom > minWindowDimension ? containerDimension - boundsLefTop + boundsRightBottom : minWindowDimension;
+      let maxDimensionElement = containerDimension - cState[leftTop] + boundsRightBottom;
       if (divRoot[`client${dimension}`] > maxDimensionElement) {
-        const shrinkedPixels = divRoot[`client${dimension}`] - maxDimensionElement;
-        if (shrinkedPixels < cState[leftTop] - boundsLefTop) {
-          newState[leftTop] = newState[leftTop] - shrinkedPixels;
+        const shrunkenPixels = divRoot[`client${dimension}`] - maxDimensionElement;
+        if (shrunkenPixels < cState[leftTop] - boundsLefTop) {
+          newState[leftTop] = newState[leftTop] - shrunkenPixels;
           newState[shrinkLeftTopAt] = newState[shrinkLeftTopAt] || cState[leftTop];
-        } else if (shrinkedPixels > cState[leftTop] - boundsLefTop) {
+        } else if (shrunkenPixels > cState[leftTop] - boundsLefTop) {
           newState[leftTop] = boundsLefTop;
           newState[shrinkLeftTopAt] = newState[shrinkLeftTopAt] || cState[leftTop];
-          maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
+          maxDimensionElement = containerDimension - boundsLefTop + boundsRightBottom;
           if (divRoot[`client${dimension}`] > maxDimensionElement) {
             newState[lDimension] = maxDimensionElement;
             newState[overflowDimensionAt] = newState[overflowDimensionAt] || cState[lDimension];
@@ -53,8 +53,8 @@ const useDimensionEffects = (props) => {
       const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
       const overflowDimensionAt = dimension === "Width" ? "overflowWidthAt" : "overflowHeightAt";
       const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
-      const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
-      const maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
+      const initialPosition = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
+      const maxDimensionElement = containerDimension - boundsLefTop + initialPosition;
       const valOverflowDimensionAt = newState[overflowDimensionAt];
       if (valOverflowDimensionAt) {
         if (valOverflowDimensionAt > maxDimensionElement) {
@@ -66,7 +66,7 @@ const useDimensionEffects = (props) => {
       }
       const valShrinkLeftTopAt = newState[shrinkLeftTopAt];
       if (valShrinkLeftTopAt && !newState[overflowDimensionAt]) {
-        const dimensionAvailable = containerDimension - boundsLefTop - newState[lDimension] + boundsRigthBottom;
+        const dimensionAvailable = containerDimension - boundsLefTop - newState[lDimension] + initialPosition;
         if (valShrinkLeftTopAt <= dimensionAvailable) {
           newState[leftTop] = valShrinkLeftTopAt;
           newState[shrinkLeftTopAt] = void 0;
@@ -79,59 +79,137 @@ const useDimensionEffects = (props) => {
     []
   );
   const draggingOrResizingWindow = useCallback(
-    (newState, _currentState, containerDimension, divRoot, dimension) => {
+    (newState, _currentState, containerDimension, _divRoot, dimension) => {
       const lDimension = dimension === "Width" ? "width" : "height";
       const leftTop = dimension === "Width" ? "left" : "top";
+      const boundsRightBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
       const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
-      const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
-      const maxDimensionWithoutBounds = containerDimension - boundsLefTop + boundsRigthBottom;
-      let rightBottomBoundary = containerDimension - newState[lDimension] + boundsRigthBottom;
-      if (newState[lDimension] !== divRoot[`client${dimension}`]) ;
-      if (newState.resizing && stateRef.current.initialPostion) {
-        if (!newState.resizing.handle.includes("w")) {
-          if (newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
-            newState[lDimension] = containerDimension - newState[leftTop] + boundsRigthBottom;
+      const boundsTop = dimension === "Height" ? bounds?.top || 0 : bounds?.top || 0;
+      const maxDimensionWithoutBounds = containerDimension - boundsLefTop + boundsRightBottom;
+      const rightBottomBoundary = containerDimension - newState[lDimension] + boundsRightBottom;
+      const adjustDimension = () => {
+        if (newState[lDimension] > maxDimensionWithoutBounds) {
+          newState[lDimension] = maxDimensionWithoutBounds;
+        }
+      };
+      const adjustLeftTop = () => {
+        if (newState[leftTop] < boundsLefTop) {
+          newState[leftTop] = boundsLefTop;
+        }
+        if (newState[leftTop] > rightBottomBoundary) {
+          newState[leftTop] = rightBottomBoundary;
+        }
+      };
+      if (newState.resizing && stateRef.current.initialPosition) {
+        if (newState.resizing.handle !== "w") {
+          if (newState[leftTop] + newState[lDimension] > containerDimension + boundsRightBottom) {
+            newState[lDimension] = containerDimension - newState[leftTop] + boundsRightBottom;
           }
         } else {
-          if (newState[leftTop] < boundsLefTop) {
-            newState[leftTop] = boundsLefTop;
-          } else {
-            const dif = newState[lDimension] - stateRef.current.initialPostion[lDimension];
-            if (dif > 0) {
-              if (newState[leftTop] - dif >= boundsLefTop) {
-                newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
-                newState[leftTop] = newState[leftTop] - dif;
-                if (newState[leftTop] + newState[lDimension] > maxDimensionWithoutBounds) ;
+          const dimensionDiff = newState[lDimension] - stateRef.current.initialPosition[lDimension];
+          if (dimensionDiff > 0) {
+            if (newState[leftTop] - dimensionDiff >= boundsLefTop) {
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + dimensionDiff;
+              newState[leftTop] -= dimensionDiff;
+            } else {
+              newState[leftTop] = boundsLefTop;
+              newState[lDimension] = stateRef.current.initialPosition[lDimension];
+            }
+          } else if (dimensionDiff < 0) {
+            newState[leftTop] -= dimensionDiff;
+            newState[lDimension] = stateRef.current.initialPosition[lDimension] + dimensionDiff;
+          }
+        }
+        if (newState.resizing.handle === "sw") {
+          const difWidth = newState[lDimension] - stateRef.current.initialPosition[lDimension];
+          if (dimension === "Width") {
+            if (difWidth > 0) {
+              if (newState[leftTop] - difWidth >= boundsLefTop) {
+                newState[leftTop] = stateRef.current.initialPosition[leftTop] - difWidth;
+                newState[lDimension] = stateRef.current.initialPosition[lDimension] + difWidth;
               } else {
                 newState[leftTop] = boundsLefTop;
-                newState[lDimension] = stateRef.current.initialPostion[lDimension];
+                newState[lDimension] = stateRef.current.initialPosition[lDimension] + (stateRef.current.initialPosition[leftTop] - boundsLefTop);
               }
-            } else if (dif < 0) {
-              newState[leftTop] = newState[leftTop] - dif;
-              newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
+            } else if (difWidth < 0) {
+              newState[leftTop] -= difWidth;
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difWidth;
+            }
+          }
+          if (dimension === "Height") {
+            if (difWidth > 0) {
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difWidth;
+              newState[leftTop] = stateRef.current.initialPosition[leftTop];
+            } else if (difWidth < 0) {
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difWidth;
+              newState[leftTop] = stateRef.current.initialPosition[leftTop];
             }
           }
         }
+        if (newState.resizing.handle === "nw") {
+          const difWidth = newState[lDimension] - stateRef.current.initialPosition[lDimension];
+          const difHeight = newState[lDimension] - stateRef.current.initialPosition[lDimension];
+          if (dimension === "Width") {
+            if (difWidth > 0) {
+              if (newState[leftTop] - difWidth >= boundsLefTop) {
+                newState[leftTop] = stateRef.current.initialPosition[leftTop] - difWidth;
+                newState[lDimension] = stateRef.current.initialPosition[lDimension] + difWidth;
+              } else {
+                newState[leftTop] = boundsLefTop;
+                newState[lDimension] = stateRef.current.initialPosition[lDimension] + (stateRef.current.initialPosition[leftTop] - boundsLefTop);
+              }
+            } else if (difWidth < 0) {
+              newState[leftTop] -= difWidth;
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difWidth;
+            }
+          }
+          if (dimension === "Height") {
+            if (difHeight < 0) {
+              if (newState[leftTop] - difHeight >= boundsTop) {
+                newState[leftTop] = stateRef.current.initialPosition[leftTop] - difHeight;
+                newState[lDimension] = stateRef.current.initialPosition[lDimension] + difHeight;
+              } else {
+                newState[leftTop] = boundsTop;
+                newState[lDimension] = stateRef.current.initialPosition[lDimension] + (stateRef.current.initialPosition[leftTop] - boundsTop);
+              }
+            } else if (difHeight > 0) {
+              newState[leftTop] -= difHeight;
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difHeight;
+            }
+          }
+        }
+        if (newState.resizing.handle === "ne") {
+          const difHeight = newState[lDimension] - stateRef.current.initialPosition[lDimension];
+          if (dimension === "Height") {
+            if (difHeight > 0) {
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difHeight;
+              newState[leftTop] = stateRef.current.initialPosition[leftTop] - difHeight;
+            }
+            if (difHeight < 0) {
+              newState[lDimension] = stateRef.current.initialPosition[lDimension] + difHeight;
+              newState[leftTop] = stateRef.current.initialPosition[leftTop] - difHeight;
+            }
+          }
+        }
+        if (newState.resizing.handle === "n") {
+          const difHeight = newState[lDimension] - stateRef.current.initialPosition[lDimension];
+          if (dimension === "Height") {
+            newState[lDimension] = stateRef.current.initialPosition[lDimension] + difHeight;
+            newState[leftTop] = stateRef.current.initialPosition[leftTop] - difHeight;
+          }
+        }
       }
-      if (newState[lDimension] > maxDimensionWithoutBounds) {
-        newState[lDimension] = maxDimensionWithoutBounds;
-      }
-      if (newState[leftTop] < boundsLefTop) {
-        newState[leftTop] = boundsLefTop;
-      }
-      rightBottomBoundary = containerDimension + boundsRigthBottom;
-      if (newState[leftTop] > rightBottomBoundary) {
-        newState[leftTop] = rightBottomBoundary;
-      }
-      if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
-        const outWidthHeight = newState[leftTop] + newState[lDimension] - (containerDimension + boundsRigthBottom);
+      adjustDimension();
+      adjustLeftTop();
+      if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerDimension + boundsRightBottom) {
+        const outWidthHeight = newState[leftTop] + newState[lDimension] - (containerDimension + boundsRightBottom);
         if (newState[leftTop] - boundsLefTop > outWidthHeight) {
           newState[leftTop] = newState[leftTop] - outWidthHeight;
         }
       }
-      if (newState.resizing && stateRef.current.initialPostion) {
-        stateRef.current.initialPostion[lDimension] = newState[lDimension];
-        stateRef.current.initialPostion[leftTop] = newState[leftTop];
+      if (newState.resizing && stateRef.current.initialPosition) {
+        stateRef.current.initialPosition[lDimension] = newState[lDimension];
+        stateRef.current.initialPosition[leftTop] = newState[leftTop];
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -165,7 +243,7 @@ const useDimensionEffects = (props) => {
             dimension
           );
         } else if (containerSizeValue < previousContainerSizeValue) {
-          shringkingParentContainer(
+          shrinkingParentContainer(
             newState,
             currentState,
             containerSizeValue,

package/components/DragResizeWindow/hooks/useDragOptions.d.ts

@@ -11,11 +11,11 @@ type useDragOptionsProps = {
     setCurrentState: React.Dispatch<React.SetStateAction<CurrentState>>;
 };
 /**
- * "useDragOptions" hook que maneja las opciones de draggin
+ * "useDragOptions" hook que maneja las opciones de dragging
  * @author Juan Escobar - automatic
  * @createdAt 2024-10-07 16:10:36 - automatic
- * @updatedAt 2024-10-07 16:10:37 - automatic
- * @updatedUser Juan Escobar - automatic
+ * @updatedAt 2024-11-13 10:42:04 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const useDragOptions: (props: useDragOptionsProps) => {
     localOnDragStart: (e: DraggableEvent, draggableData: DraggableData) => false | undefined;

package/components/DragResizeWindow/hooks/useResizeOptions.d.ts

@@ -9,7 +9,26 @@ type useResizeOptionsProps = {
     setCurrentState: React.Dispatch<React.SetStateAction<CurrentState>>;
 };
 /**
- * TODO: Documentar
+ * `useResizeOptions` provides a set of handler functions for managing
+ * resizing events (start, resize, and stop) on a component. This hook
+ * centralizes the resize logic and coordinates state updates, including
+ * calculating position changes and applying constraints.
+ * @param props - The options required to configure the resize behavior,
+ * including callbacks, references, and state setters.
+ * @returns An object containing `localOnResize`, `localOnResizeStart`,
+ * and `localOnResizeStop` handlers.
+ * @example
+ * const { localOnResize, localOnResizeStart, localOnResizeStop } = useResizeOptions({
+ *   onResizeStart: handleResizeStart,
+ *   onResize: handleResize,
+ *   onResizeStop: handleResizeStop,
+ *   stateRef,
+ *   setCurrentState,
+ * });
+ * @author cesar - automatic
+ * @createdAt 2024-11-07 15:30:05 - automatic
+ * @updatedAt 2024-11-13 10:42:04 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const useResizeOptions: (props: useResizeOptionsProps) => {
     localOnResize: (e: SyntheticEvent, callbackData: ResizeCallbackData) => void;

package/components/DragResizeWindow/hooks/useResizeOptions.js

@@ -9,7 +9,7 @@ const useResizeOptions = (props) => {
         handler(e, data);
       }
       if (handlerName === "onResizeStart") {
-        stateRef.current.initialPostion = {
+        stateRef.current.initialPosition = {
           left: stateRef.current.left,
           top: stateRef.current.top,
           width: stateRef.current.width,

package/components/DragResizeWindow/slots/DragResizeWindowSlots.js

@@ -1,12 +1,12 @@
 import { styled } from "@mui/material/styles";
-import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
+import { C as COMPONENT_KEY_COMPONENT } from "../constants.js";
 import { d as dragResizeWindowStyles } from "../DragResizeWindow.styles.js";
 import { D as DragResizeWindowSlots } from "./slots.js";
-const RootStyled = styled("div", { name: COMPONET_KEY_COMPONENT, slot: DragResizeWindowSlots.root })(
+const RootStyled = styled("div", { name: COMPONENT_KEY_COMPONENT, slot: DragResizeWindowSlots.root })(
   dragResizeWindowStyles?.root
 );
 styled("div", {
-  name: COMPONET_KEY_COMPONENT,
+  name: COMPONENT_KEY_COMPONENT,
   slot: DragResizeWindowSlots.iconResizeFormatterRoot
 })(dragResizeWindowStyles?.iconResizeFormatterRoot);
 export {

package/components/DragResizeWindow/tests/DragResizeWindow.test.d.ts

@@ -0,0 +1 @@
+export {};