@m4l/components 9.5.7 → 9.5.8

package/components/Label/Label.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as d, Fragment as p } from "@emotion/react/jsx-runtime";
 import { useEnvironment as N, useModuleSkeleton as v } from "@m4l/core";
 import w from "clsx";
 import { LABEL_KEY_COMPONENT as z, classLabelRoot as _, LAB_SPECIFY as k } from "./constants.js";
-import { useComponentSize as C } from "../../hooks/useComponentSize/useComponentSize.js";
+import { useComponentSize as C } from "../../hooks/useComponentSize/index.js";
 import { LabelRootStyled as E, TypographyStyled as x, TypographyMandatoryMessageStyled as I, IconHelperMessageStyled as j, SkeletonStyled as l } from "./slots/LabelSlots.js";
 const P = (S) => {
   const { helperMessage: s, label: y, mandatory: i, mandatoryMessage: r, htmlFor: h, id: g, error: u, size: c = "medium", disabled: a, className: b } = S, { host_static_assets: f, environment_assets: M } = N(), L = v(), { currentSize: o } = C(c), m = typeof s == "string" && s.length > 0, n = o === "small" || o === "medium" ? o : "medium", e = {

package/components/Label/slots/LabelSlots.d.ts

@@ -1,13 +1,13 @@
 export declare const LabelRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').LabelOwnerState> & Record<string, unknown>;
 }, Pick<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import('react').ClassAttributes<HTMLLabelElement> | keyof import('react').LabelHTMLAttributes<HTMLLabelElement>>, {}>;
-export declare const TypographyStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
+export declare const TypographyStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').LabelOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const TypographyMandatoryMessageStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
+export declare const TypographyMandatoryMessageStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').LabelOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const IconHelperMessageStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').IconProps, "src" | "icon" | keyof import('../..').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
+export declare const IconHelperMessageStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').LabelOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../extended/mui/Skeleton/types').SkeletonProps, keyof import('../../extended/mui/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').LabelOwnerState> & Record<string, unknown> & {

package/components/Label/slots/LabelSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/Label/slots/LabelSlots.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe;;+OAGP,CAAC;AAEtB,eAAO,MAAM,gBAAgB;;UAGI,CAAC;AAElC,eAAO,MAAM,gCAAgC;;UAGI,CAAC;AAElD,eAAO,MAAM,uBAAuB;;UAGI,CAAC;AAEzC,eAAO,MAAM,cAAc;;UAGI,CAAC"}
+{"version":3,"file":"LabelSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/Label/slots/LabelSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe;;+OAGP,CAAC;AAEtB,eAAO,MAAM,gBAAgB;;UAGI,CAAC;AAElC,eAAO,MAAM,gCAAgC;;UAGI,CAAC;AAElD,eAAO,MAAM,uBAAuB;;UAGI,CAAC;AAEzC,eAAO,MAAM,cAAc;;UAGI,CAAC"}

package/components/Label/slots/LabelSlots.js

@@ -1,20 +1,19 @@
 import { styled as e } from "@mui/material/styles";
 import { LABEL_KEY_COMPONENT as o } from "../constants.js";
 import { LabelSlots as t } from "./LabelEnum.js";
+import { Typography as y, Icon as a } from "@m4l/base";
 import { labelStyles as l } from "../Label.styles.js";
-import { Typography as y } from "../../extended/mui/Typography/Typography.js";
 import { Skeleton as r } from "../../extended/mui/Skeleton/Skeleton.js";
-import { Icon as a } from "../../Icon/Icon.js";
-const M = e("label", {
+const g = e("label", {
   name: o,
   slot: t.root
-})(l?.root), c = e(y, {
+})(l?.root), M = e(y, {
   name: o,
   slot: t.typographyStyled
-})(l?.typographyStyled), i = e(y, {
+})(l?.typographyStyled), c = e(y, {
   name: o,
   slot: t.typographyMandatoryMessageStyled
-})(l?.typographyMandatoryMessageStyled), f = e(a, {
+})(l?.typographyMandatoryMessageStyled), i = e(a, {
   name: o,
   slot: t.iconHelperMessageStyled
 })(l?.iconHelperMessageStyled), h = e(r, {
@@ -22,9 +21,9 @@ const M = e("label", {
   slot: t.skeletonStyled
 })(l?.skeletonStyled);
 export {
-  f as IconHelperMessageStyled,
-  M as LabelRootStyled,
+  i as IconHelperMessageStyled,
+  g as LabelRootStyled,
   h as SkeletonStyled,
-  i as TypographyMandatoryMessageStyled,
-  c as TypographyStyled
+  c as TypographyMandatoryMessageStyled,
+  M as TypographyStyled
 };

package/components/Label/types.d.ts

@@ -3,7 +3,7 @@ import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { Theme } from '@mui/material';
 import { LABEL_KEY_COMPONENT } from './constants';
 import { Sizes } from '@m4l/styles';
-import { TypographyProps } from '../extended/mui/Typography/types';
+import { TypographyProps } from '@m4l/base';
 export type LabelVariants = 'standard';
 /**
  * Base props for Label component, excluding control and layout properties.
@@ -11,39 +11,41 @@ export type LabelVariants = 'standard';
  * Label's content and configuration props but manage their own control/layout.
  */
 export type LabelPropsBase = Omit<LabelProps, 'children' | 'disabled' | 'size' | 'className' | 'error'>;
-export interface LabelProps extends Pick<TypographyProps, 'skeletonWidth'> {
+export interface LabelProps {
+    /** Optional skeleton width forwarded to the typography primitive when a loading placeholder is needed. */
+    skeletonWidth?: TypographyProps['skeletonWidth'];
     /**
-     * Mensaje de ayuda para el campo. Si es un string, muestra un icono de ayuda
-     * con el contenido del string como tooltip. Si es boolean true, muestra el icono
-     * sin tooltip.
+     * Helper message for the field. When it is a string, a help icon is shown
+     * with that string as tooltip content. When it is boolean `true`, the icon is
+     * shown without tooltip content.
      */
     helperMessage?: boolean | string;
-    /** Es la etiqueta de texto principal del componente. */
+    /** Main label text for the component. */
     label?: string;
-    /** Es una propiedad que permite visualizar el texto que acompaña a la etiqueta `label`. Por defecto es `false`. */
+    /** Controls whether the mandatory marker next to the label is rendered. */
     mandatory?: boolean;
-    /** Es una etiqueta de texto que define si el campo es obligatorio, por defecto se visualiza un `*` de lo contrario se va a mostrar el valor que se proporciona. */
+    /** Custom mandatory marker text. Defaults to `*` when omitted. */
     mandatoryMessage?: string;
-    /** Sirve para vincular un elemento de etiqueta con un elemento de formulario, como un campo de entrada, lo que permite que al hacer clic en el texto de la etiqueta, se active el campo correspondiente. */
+    /** Connects the label to a form control so clicking the label focuses the related field. */
     htmlFor?: string | undefined;
-    /** Identificador único para la etiqueta html que envuelve al componente, útil para referencias en CSS o JavaScript. */
+    /** Unique id for the wrapping HTML label element. */
     id?: string;
-    /** Define el tamaño de la etiqueta. Puede ser 'small' o 'medium'. Por defecto es 'medium'. */
+    /** Label size. Defaults to `medium`. */
     size?: Extract<Sizes, 'small' | 'medium'>;
-    /** Los elementos secundarios que se renderizarán dentro del componente. */
+    /** Child elements rendered inside the component. */
     children?: React.ReactNode;
-    /** Clase CSS personalizada que se aplicará al componente. */
+    /** Custom CSS class applied to the component. */
     className?: string;
-    /** Indica si hay un error en el campo asociado a la etiqueta. */
+    /** Whether the related field is currently in an error state. */
     error?: boolean;
-    /** Indica si el componente está deshabilitado. */
+    /** Whether the component is disabled. */
     disabled?: boolean;
 }
 export type OwnerState = Pick<LabelProps, 'size'>;
 export interface LabelOwnerState extends LabelProps, OwnerState {
-    /** Indica si el componente está deshabilitado. */
+    /** Whether the component is disabled. */
     disabled?: boolean;
-    /** Define el tamaño del componente. */
+    /** Component size. */
     size?: Extract<Sizes, 'small' | 'medium'>;
 }
 export type LabelSlotsType = keyof typeof LabelSlots;

package/components/Label/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC;AAEvC;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAExG,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC;IACxE;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mHAAmH;IACnH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mKAAmK;IACnK,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4MAA4M;IAC5M,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,uHAAuH;IACvH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8FAA8F;IAC9F,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,eAAgB,SAAQ,UAAU,EAAE,UAAU;IAC7D,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AACD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,UAAU,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,mBAAmB,CAAC,UAAU,EAAE,OAAO,mBAAmB,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Label/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC;AAEvC;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAExG,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,aAAa,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,eAAgB,SAAQ,UAAU,EAAE,UAAU;IAC7D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;CAC3C;AACD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,UAAU,CAAC;AACrD,MAAM,MAAM,WAAW,GAAG,mBAAmB,CAAC,UAAU,EAAE,OAAO,mBAAmB,EAAE,KAAK,CAAC,CAAC"}

package/components/LanguagePopover/LanguagePopover.js

@@ -4,16 +4,16 @@ import { useFirstRender as E, useLocales as v } from "@m4l/graphics";
 import { useEnvironment as R, useNetwork as k } from "@m4l/core";
 import { getPropDataTestId as y } from "../../test/getNameDataTestId.js";
 import { getComponentSlotRoot as z } from "../../utils/getComponentSlotRoot.js";
+import { useComponentSize as A } from "../../hooks/useComponentSize/index.js";
 import { Image as l } from "../Image/Image.js";
-import { LanguagePopoverRootStyled as A, PaperStyled as M } from "./slots/LanguagePopoverSlots.js";
+import { LanguagePopoverRootStyled as M, PaperStyled as N } from "./slots/LanguagePopoverSlots.js";
 import { LANGUAGE_POPOVER_KEY_COMPONENT as c } from "./constants.js";
-import { LanguagePopoverSlots as N } from "./slots/LanguagePopoverEnum.js";
-import { useComponentSize as T } from "../../hooks/useComponentSize/useComponentSize.js";
+import { LanguagePopoverSlots as T } from "./slots/LanguagePopoverEnum.js";
 function q(i) {
   const {
     disabled: m,
     size: u
-  } = i, { currentSize: t } = T(u), p = E(), { currentLocale: f, onChangeLocale: d } = v(), { domainToken: g } = R(), { networkOperation: O } = k(), [n, L] = a([]), [r, I] = a(!1), P = (e) => {
+  } = i, { currentSize: t } = A(u), p = E(), { currentLocale: f, onChangeLocale: d } = v(), { domainToken: g } = R(), { networkOperation: O } = k(), [n, L] = a([]), [r, I] = a(!1), P = (e) => {
     e && I(!0);
   };
   h(() => {
@@ -43,7 +43,7 @@ function q(i) {
     onClick: () => d(e)
   })), C = z(c);
   return /* @__PURE__ */ o(
-    A,
+    M,
     {
       ownerState: {
         size: t
@@ -52,13 +52,13 @@ function q(i) {
       "aria-label": "Language selector",
       size: t,
       className: C,
-      ...y(c, N.root),
+      ...y(c, T.root),
       disabled: m,
       icon: /* @__PURE__ */ o(l, { src: f?.urlIcon, enableIntersectionObserver: !1 }),
       menuActions: b(),
       onOpen: P,
       slots: {
-        paper: M
+        paper: N
       }
     }
   );

package/components/LoadingError/LoadingError.js

@@ -1,21 +1,21 @@
 import { jsx as r, jsxs as t } from "@emotion/react/jsx-runtime";
 import { useEnvironment as C, useModuleDictionary as b } from "@m4l/core";
+import { Typography as g } from "@m4l/base";
 import { LoadingErrorRootStyled as x, LoadingErrorStyled as N, LinearProgressIndeterminateStyled as D, LoadingErrorContainerStyled as A, LoadingErrorContentStyled as B, LoadingErrorImageStyled as z, LoadingErrorTextContainerStyled as M, LoadingErrorTitleDescriptionStyled as k, LoadingErrorDividerStyled as P, LoadingErrorButtonContainerStyled as $, LoadingErrorRecommendationTextStyled as W } from "./slots/LoadingErrorSlots.js";
 import { getComponentSlotRoot as j } from "../../utils/getComponentSlotRoot.js";
 import { getPropDataTestId as w } from "../../test/getNameDataTestId.js";
-import { LOADING_ERROR_KEY_COMPONENT as g } from "./constants.js";
+import { LOADING_ERROR_KEY_COMPONENT as L } from "./constants.js";
 import V from "clsx";
 import { dictionary as n } from "./dictionary.js";
-import { useRef as G, useState as K, useEffect as Y } from "react";
-import { useComponentSize as q } from "../../hooks/useComponentSize/useComponentSize.js";
-import { Typography as L } from "../extended/mui/Typography/Typography.js";
+import { useComponentSize as G } from "../../hooks/useComponentSize/index.js";
+import { useRef as K, useState as Y, useEffect as q } from "react";
 import { Button as F } from "../extended/mui/Button/Button.js";
 import { LoadingErrorSlots as H } from "./slots/LoadingErrorEnum.js";
 const dr = (R) => {
-  const { status: f, action: h, title: s, description: a, recommendation: d, introMessage: c, errorIcon: l, className: u, dataTestId: S, size: o = "medium" } = R, { host_static_assets: m, environment_assets: p } = C(), { getLabel: e } = b(), { currentSize: y } = q(o), _ = {
+  const { status: f, action: h, title: s, description: a, recommendation: d, introMessage: c, errorIcon: l, className: u, dataTestId: S, size: o = "medium" } = R, { host_static_assets: m, environment_assets: p } = C(), { getLabel: e } = b(), { currentSize: y } = G(o), _ = {
     size: y
-  }, i = G(null), [I, O] = K(!0);
-  return Y(() => {
+  }, i = K(null), [I, O] = Y(!0);
+  return q(() => {
     const E = new ResizeObserver((v) => {
       for (const T of v)
         O(T.contentRect.height >= 200);
@@ -26,8 +26,8 @@ const dr = (R) => {
     {
       ref: i,
       ownerState: _,
-      className: V(j(g), u),
-      ...w(g, H.root, S),
+      className: V(j(L), u),
+      ...w(L, H.root, S),
       children: f !== "error" ? /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(D, {}) }) : /* @__PURE__ */ r(A, { children: /* @__PURE__ */ t(B, { children: [
         I && /* @__PURE__ */ r(
           z,
@@ -38,9 +38,9 @@ const dr = (R) => {
         ),
         /* @__PURE__ */ t(M, { children: [
           /* @__PURE__ */ t(k, { children: [
-            /* @__PURE__ */ r(L, { size: o, variant: "h5", skeletonWidth: "100px", children: s || e(n.LABEL_ERROR_TITLE) }),
+            /* @__PURE__ */ r(g, { size: o, variant: "h5", skeletonWidth: "100px", children: s || e(n.LABEL_ERROR_TITLE) }),
             /* @__PURE__ */ r(
-              L,
+              g,
               {
                 size: o,
                 variant: "paragraph",

package/components/LoadingError/slots/LoadingErrorSlots.d.ts

@@ -10,6 +10,6 @@ export declare const LoadingErrorDividerStyled: import('@emotion/styled').Styled
 export declare const LoadingErrorContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const LoadingErrorTextContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const LoadingErrorButtonContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const LoadingErrorRecommendationTextStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
+export declare const LoadingErrorRecommendationTextStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
 export declare const LinearProgressIndeterminateStyled: import('@emotion/styled').StyledComponent<Pick<import('../../LinearProgressIndeterminate/types').LinearProgressIndeterminateProps, keyof import('../../LinearProgressIndeterminate/types').LinearProgressIndeterminateProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 //# sourceMappingURL=LoadingErrorSlots.d.ts.map

package/components/LoadingError/slots/LoadingErrorSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingErrorSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/LoadingError/slots/LoadingErrorSlots.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,sBAAsB,2WAGR,CAAC;AAC5B,eAAO,MAAM,kBAAkB,2WAGI,CAAC;AACpC,eAAO,MAAM,yBAAyB,2WAGI,CAAC;AAC3C,eAAO,MAAM,kCAAkC,2WAGI,CAAC;AACpD,eAAO,MAAM,uBAAuB,6NAGI,CAAC;AACzC,eAAO,MAAM,yBAAyB,2WAGI,CAAC;AAC3C,eAAO,MAAM,2BAA2B,2WAGI,CAAC;AAC7C,eAAO,MAAM,+BAA+B,2WAGI,CAAC;AACjD,eAAO,MAAM,iCAAiC,2WAGI,CAAC;AACnD,eAAO,MAAM,oCAAoC,yzNAGI,CAAC;AACtD,eAAO,MAAM,iCAAiC,mTAGI,CAAC"}
+{"version":3,"file":"LoadingErrorSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/LoadingError/slots/LoadingErrorSlots.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,sBAAsB,2WAGR,CAAC;AAC5B,eAAO,MAAM,kBAAkB,2WAGI,CAAC;AACpC,eAAO,MAAM,yBAAyB,2WAGI,CAAC;AAC3C,eAAO,MAAM,kCAAkC,2WAGI,CAAC;AACpD,eAAO,MAAM,uBAAuB,6NAGI,CAAC;AACzC,eAAO,MAAM,yBAAyB,2WAGI,CAAC;AAC3C,eAAO,MAAM,2BAA2B,2WAGI,CAAC;AAC7C,eAAO,MAAM,+BAA+B,2WAGI,CAAC;AACjD,eAAO,MAAM,iCAAiC,2WAGI,CAAC;AACnD,eAAO,MAAM,oCAAoC,6zNAGI,CAAC;AACtD,eAAO,MAAM,iCAAiC,mTAGI,CAAC"}

package/components/LoadingError/slots/LoadingErrorSlots.js

@@ -2,9 +2,9 @@ import { styled as r } from "@mui/material/styles";
 import { LOADING_ERROR_KEY_COMPONENT as o } from "../constants.js";
 import { LoadingErrorSlots as n } from "./LoadingErrorEnum.js";
 import { loadingErrorStyles as t } from "../LoadingError.styles.js";
-import { LinearProgressIndeterminate as e } from "../../LinearProgressIndeterminate/LinearProgressIndeterminate.js";
-import { Image as i } from "../../Image/Image.js";
-import { Typography as a } from "../../extended/mui/Typography/Typography.js";
+import { Typography as e } from "@m4l/base";
+import { LinearProgressIndeterminate as i } from "../../LinearProgressIndeterminate/LinearProgressIndeterminate.js";
+import { Image as a } from "../../Image/Image.js";
 const y = r("div", {
   name: o,
   slot: n.root
@@ -17,7 +17,7 @@ const y = r("div", {
 })(t.loadingErrorContent), C = r("div", {
   name: o,
   slot: n.loadingErrorTitleDescription
-})(t.loadingErrorTitleDescription), S = r(i, {
+})(t.loadingErrorTitleDescription), S = r(a, {
   name: o,
   slot: n.loadingErrorImage
 })(t.loadingErrorImage), v = r("div", {
@@ -32,10 +32,10 @@ const y = r("div", {
 })(t.loadingErrorTextContainer), f = r("div", {
   name: o,
   slot: n.loadingErrorButtonContainer
-})(t.loadingErrorButtonContainer), x = r(a, {
+})(t.loadingErrorButtonContainer), x = r(e, {
   name: o,
   slot: n.loadingErrorRecommendationText
-})(t.loadingErrorRecommendationText), D = r(e, {
+})(t.loadingErrorRecommendationText), D = r(i, {
   name: o,
   slot: n.linearProgressIndeterminate
 })(t.linearProgressIndeterminate);

package/components/MFIsolationApp/MFIsolationApp.js

@@ -5,9 +5,8 @@ import { createBrowserHistory as Y } from "history";
 import oo from "eventemitter3";
 import A from "nprogress";
 import "rsuite/dist/rsuite.css";
-import { DeviceTypeProvider as eo, ThemeSettingsProvider as to, LocalesProvider as ro, getLocaleFromNetwork as so } from "@m4l/graphics";
-import { axiosOperation as io, EnvironmentProvider as no, HostToolsProvider as ao, NetworkProvider as mo, AuthProvider as po, useAuth as lo, useEnvironment as co } from "@m4l/core";
-import { AppearanceComponentProvider as ho } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
+import { DeviceTypeProvider as eo, ThemeSettingsProvider as to, LocalesProvider as ro, getLocaleFromNetwork as so, AppearanceComponentProvider as io } from "@m4l/graphics";
+import { axiosOperation as no, EnvironmentProvider as ao, HostToolsProvider as mo, NetworkProvider as po, AuthProvider as lo, useAuth as co, useEnvironment as ho } from "@m4l/core";
 import { WrapperAppBarContentChildrenStyled as uo, WrapperContentChildrenStyled as vo } from "./slots/MFIsolationAppSlots.js";
 import fo from "../ToastContainer/helpers/toaster.js";
 import { MFAuthApp as Ao } from "./subcomponents/MFAuthApp/MFAuthApp.js";
@@ -20,12 +19,12 @@ import { AppBarSettings as ko } from "./subcomponents/AppBarSettings/AppBarSetti
 import { HostRuntimeProvider as wo } from "../../contexts/HostRuntimeContext/HostRuntimeContext.js";
 const k = Y({ window });
 function yo(h) {
-  const { children: u, hostRuntime: s, resolveHostRuntime: i } = h, { user: n } = lo(), {
+  const { children: u, hostRuntime: s, resolveHostRuntime: i } = h, { user: n } = co(), {
     database: a,
     hostApiIcons: m,
     hostApiLocal: p,
     hostApiRemote: l
-  } = co(), v = d(() => i ? i({
+  } = ho(), v = d(() => i ? i({
     database: a,
     hostApiIcons: m,
     hostApiLocal: p,
@@ -42,7 +41,7 @@ function yo(h) {
   ]);
   return /* @__PURE__ */ o(wo, { value: v, children: u });
 }
-function zo(h) {
+function qo(h) {
   const {
     children: u,
     user: s,
@@ -71,7 +70,7 @@ function zo(h) {
     areasStoreId: _,
     areasStoreDevtoolsEnabled: P,
     appBarSettings: N = !0,
-    axiosOperation: B = io,
+    axiosOperation: B = no,
     googleMapsApiKey: O,
     hostRuntime: j,
     resolveHostRuntime: W
@@ -132,12 +131,12 @@ function zo(h) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ o(no, { ...J, children: /* @__PURE__ */ o(ao, { ...U, children: /* @__PURE__ */ o(mo, { axiosOperation: B, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(ao, { ...J, children: /* @__PURE__ */ o(mo, { ...U, children: /* @__PURE__ */ o(po, { axiosOperation: B, children: /* @__PURE__ */ o(
     X,
     {
       history: k,
       future: { v7_startTransition: !0, v7_relativeSplatPath: !0 },
-      children: /* @__PURE__ */ o(eo, { forcedDeviceType: M, children: /* @__PURE__ */ o(po, { children: /* @__PURE__ */ o(Ao, { user: s, pwd: i, children: /* @__PURE__ */ o(to, { children: /* @__PURE__ */ o(ro, { isMicroFrontEnd: !1, getLocaleFromNetwork: so, children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ o(eo, { forcedDeviceType: M, children: /* @__PURE__ */ o(lo, { children: /* @__PURE__ */ o(Ao, { user: s, pwd: i, children: /* @__PURE__ */ o(to, { children: /* @__PURE__ */ o(ro, { isMicroFrontEnd: !1, getLocaleFromNetwork: so, children: /* @__PURE__ */ o(
         _o,
         {
           moduleId: b,
@@ -146,7 +145,7 @@ function zo(h) {
           componentsDictionary: E,
           moduleNameField: F,
           moduleDictionaryLoaded: D,
-          children: /* @__PURE__ */ R(ho, { children: [
+          children: /* @__PURE__ */ R(io, { children: [
             /* @__PURE__ */ o(Po, {}),
             /* @__PURE__ */ o(Io, { containerId: g }),
             " ",
@@ -186,5 +185,5 @@ function zo(h) {
   ) }) }) });
 }
 export {
-  zo as MFIsolationApp
+  qo as MFIsolationApp
 };

package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.d.ts

@@ -1,6 +1,2 @@
-import { MFIsolationAppStorybookProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function MFIsolationAppStorybook(props: MFIsolationAppStorybookProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { MFIsolationAppStorybook } from '../../../../../dist/packages/@m4l/graphics/decorators';
 //# sourceMappingURL=MFIsolationAppStorybook.d.ts.map

package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFIsolationAppStorybook.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationAppStorybook/MFIsolationAppStorybook.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAkBhC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAqB5D;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,oDAiJ1E"}
+{"version":3,"file":"MFIsolationAppStorybook.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationAppStorybook/MFIsolationAppStorybook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/components/MFIsolationAppStorybook/createComponentsMFIsolationAppStorybookProps.d.ts

@@ -0,0 +1,19 @@
+import { MFIsolationAppStorybookProps as GraphicsMFIsolationAppStorybookProps, StorybookAppWrapper } from '../../../../../dist/packages/@m4l/graphics/decorators';
+import { ModuleDictionary } from '@m4l/core';
+export type CreateComponentsMFIsolationAppStorybookPropsArgs = {
+    moduleId: string;
+    skeletonFlags: string[];
+    moduleNameField?: string;
+    privileges: string[];
+    componentsDictionary: string[];
+    isAuth?: boolean;
+    moduleDictionaryLoaded?: ModuleDictionary;
+    areasStoreId?: string;
+    areasStoreDevtoolsEnabled?: boolean;
+    appWrappers?: StorybookAppWrapper[];
+};
+/**
+ * Create the components-specific Storybook wrappers for the shared graphics isolation shell.
+ */
+export declare function createComponentsMFIsolationAppStorybookProps(props: CreateComponentsMFIsolationAppStorybookPropsArgs): Pick<GraphicsMFIsolationAppStorybookProps, 'appWrappers' | 'toastFactory'>;
+//# sourceMappingURL=createComponentsMFIsolationAppStorybookProps.d.ts.map

package/components/MFIsolationAppStorybook/createComponentsMFIsolationAppStorybookProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponentsMFIsolationAppStorybookProps.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/MFIsolationAppStorybook/createComponentsMFIsolationAppStorybookProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,IAAI,oCAAoC,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE1I,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAKlD,MAAM,MAAM,gDAAgD,GAAG;IAC7D,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB,CAAC,EAAE,gBAAgB,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACrC,CAAC;AAEF;;GAEG;AACH,wBAAgB,4CAA4C,CAC1D,KAAK,EAAE,gDAAgD,GACtD,IAAI,CAAC,oCAAoC,EAAE,aAAa,GAAG,cAAc,CAAC,CA6C5E"}