@m4l/components 9.5.1 → 9.5.2-beta-improvement-606-typography-leveling.0

package/components/SideBar/slots/SideBarSlots.d.ts

@@ -34,7 +34,7 @@ export declare const ContainerAdornmentIconStyled: import('@emotion/styled').Sty
 export declare const BackgroundAdornmentIconStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').SideBarOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ButtonAnchoredStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "content" | "translate" | "action" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "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" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const ButtonAnchoredStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "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" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').SideBarOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const ContainerFooterStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {

package/components/SideBar/subcomponents/ContentComponent/style.js

@@ -62,7 +62,7 @@ const M = {
         ...i(
           e.generalSettings.isMobile,
           r?.size || "medium",
-          "caption"
+          "captionStandard"
         )
       }
     }

package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.js

@@ -1,4 +1,4 @@
-import { jsxs as p, jsx as r } from "@emotion/react/jsx-runtime";
+import { jsxs as p, jsx as e } from "@emotion/react/jsx-runtime";
 import { useMemo as o } from "react";
 import { useStepper as s } from "../../../../hooks/useStepper/index.js";
 import { WrapperTitleStyled as l, TitleStyled as c, TitleTextStyled as d, DescriptionStyled as u } from "../../../../slots/StepperSlot.js";
@@ -6,10 +6,10 @@ function h() {
   const { steps: t, currentStep: i } = s((n) => ({
     steps: n.steps,
     currentStep: n.currentStep
-  })), e = o(() => t[i], [t, i]);
-  return e ? /* @__PURE__ */ p(l, { children: [
-    /* @__PURE__ */ r(c, { variant: "paragraphDens", children: /* @__PURE__ */ r(d, { children: e.title }) }),
-    e.description && /* @__PURE__ */ r(u, { variant: "body", children: e.description })
+  })), r = o(() => t[i], [t, i]);
+  return r ? /* @__PURE__ */ p(l, { children: [
+    /* @__PURE__ */ e(c, { variant: "paragraphDens", children: /* @__PURE__ */ e(d, { children: r.title }) }),
+    r.description && /* @__PURE__ */ e(u, { variant: "bodyStandard", children: r.description })
   ] }) : null;
 }
 export {

package/components/Stepper/subcomponents/StepArea/index.js

@@ -4,12 +4,12 @@ import { Indicator as u } from "./subcomponents/Inidicator/index.js";
 import { useStepArea as x } from "./hooks/useStepArea.js";
 import { useVisibileSteps as k } from "./hooks/useVisibileSteps.js";
 function j() {
-  const { visibleSteps: t } = k(), { handleStepClick: a, visibleTitle: s, orientation: l, steps: d, currentStep: n } = x({ visibleSteps: t }), o = {
+  const { visibleSteps: t } = k(), { handleStepClick: a, visibleTitle: s, orientation: S, steps: d, currentStep: n } = x({ visibleSteps: t }), o = {
     visibleTitle: s,
-    orientation: l,
+    orientation: S,
     totalSteps: t.length
   };
-  return /* @__PURE__ */ r(y, { ownerState: o, children: d.map((i, S) => {
+  return /* @__PURE__ */ r(y, { ownerState: o, children: d.map((i, l) => {
     const e = t.findIndex((c) => c.key === i.key), p = e !== -1;
     return /* @__PURE__ */ m(
       b,
@@ -28,15 +28,15 @@ function j() {
           s && /* @__PURE__ */ r(
             f,
             {
-              variant: "body",
+              variant: "bodyStandard",
               ownerState: {
                 ...o,
                 currentStep: n,
                 step: e,
-                originalStepIndex: S,
+                originalStepIndex: l,
                 isStepVisible: p
               },
-              children: /* @__PURE__ */ r(h, { ownerState: { orientation: l }, children: i.title })
+              children: /* @__PURE__ */ r(h, { ownerState: { orientation: S }, children: i.title })
             }
           ),
           /* @__PURE__ */ r(
@@ -45,7 +45,7 @@ function j() {
               currentStep: n,
               step: e,
               totalSteps: t.length,
-              originalStepIndex: S
+              originalStepIndex: l
             }
           )
         ]

package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js

@@ -17,7 +17,7 @@ function J($) {
       stepValidationStatus: o.stepValidationStatus
     }),
     w
-  ), { host_static_assets: c, environment_assets: l } = _(), { currentSize: b } = B(T), p = M(), u = z(() => p ? "dot" : s, [p, s]), { isCompleted: S, isValidStep: d, hasBeenValidated: f } = z(() => {
+  ), { host_static_assets: c, environment_assets: d } = _(), { currentSize: b } = B(T), p = M(), u = z(() => p ? "dot" : s, [p, s]), { isCompleted: S, isValidStep: l, hasBeenValidated: f } = z(() => {
     const o = e > t, y = a[t];
     return {
       isCompleted: o,
@@ -35,38 +35,38 @@ function J($) {
     originalStepIndex: t,
     isCompleted: S,
     isCurrent: e === t,
-    isValidStep: d,
+    isValidStep: l,
     hasBeenValidated: f
   };
-  return /* @__PURE__ */ i(I, { ownerState: v, children: f && !d ? (
+  return /* @__PURE__ */ i(I, { ownerState: v, children: f && !l ? (
     // Mostrar error solo si ha sido validado y es inválido
     /* @__PURE__ */ i(
       m,
       {
-        src: `${c}/${l}/${r.circleError}`,
+        src: `${c}/${d}/${r.circleError}`,
         size: "small",
         color: "error.contrastText"
       }
     )
-  ) : S && d ? (
+  ) : S && l ? (
     // Mostrar completado solo si está completado Y es válido
     /* @__PURE__ */ i(
       m,
       {
-        src: `${c}/${l}/${u === "number" ? r.circleCheck : r.dotOutline}`,
+        src: `${c}/${d}/${u === "number" ? r.circleCheck : r.dotOutline}`,
         size: "small",
         color: "primary.semanticText"
       }
     )
   ) : (
     // Mostrar estado normal (número o dot) para pasos no validados o actuales
-    /* @__PURE__ */ i(V, { variant: "body", ownerState: v, children: u === "number" ? (
+    /* @__PURE__ */ i(V, { variant: "bodyStandard", ownerState: v, children: u === "number" ? (
       // Solo mostrar número si el step es visible (step >= 0)
       n >= 0 ? n + 1 : ""
     ) : /* @__PURE__ */ i(
       m,
       {
-        src: `${c}/${l}/${e === t ? r.dotSelected : r.dotOutline}`,
+        src: `${c}/${d}/${e === t ? r.dotSelected : r.dotOutline}`,
         size: "small",
         color: e === t ? "primary.semanticText" : "text.disabled"
       }

package/components/TabsNavigator/subcomponents/TabNavigatorClusterComponent/TabNavigatorClusterComponent.js

@@ -1,37 +1,37 @@
-import { jsx as o, jsxs as b, Fragment as T } from "@emotion/react/jsx-runtime";
+import { jsx as t, jsxs as b, Fragment as T } from "@emotion/react/jsx-runtime";
 import x from "clsx";
 import { TabNavigatorContainerStyled as I, TabNavigatorPositionedContainerStyled as O, TabNavigatorIconContainerStyled as P, TabNavigatorIconStyled as k, PopoverStyled as E, ContentPopoverStyled as _ } from "../../slots/TabsNavigatorSlots.js";
 import { useState as w, useRef as A, useMemo as g } from "react";
 import { TabNavigatorComponent as D } from "../TabNavigatorComponent/TabNavigatorComponent.js";
 import { useEnvironment as M } from "@m4l/core";
-import { TABS_NAVIGATOR_CLASSES as t } from "../../constants.js";
+import { TABS_NAVIGATOR_CLASSES as o } from "../../constants.js";
 import { useTheme as R } from "@mui/material/styles";
 import { TextMarquee as $ } from "../TextMarquee/TextMarquee.js";
 import { useComponentSize as j } from "../../../../hooks/useComponentSize/useComponentSize.js";
 const U = (f) => {
-  const { label: u, icon: C, children: r, selectedId: c, onChangeSelectedId: p, variant: a, maxColumnsPopover: d = 3 } = f, [n, i] = w(!1), v = A(null), { host_static_assets: S, environment_assets: N } = M(), { currentSize: m } = j(), s = r.some((e) => e.id === c), l = g(() => ({
+  const { label: u, icon: C, children: a, selectedId: c, onChangeSelectedId: d, variant: r, maxColumnsPopover: p = 3 } = f, [n, i] = w(!1), v = A(null), { host_static_assets: S, environment_assets: N } = M(), { currentSize: m } = j(), s = a.some((e) => e.id === c), l = g(() => ({
     selected: s,
-    variant: a,
+    variant: r,
     size: m,
-    maxColumnsPopover: d,
-    totalTabs: r.length
-  }), [s, a, m, d, r.length]), h = R(), y = (e) => {
+    maxColumnsPopover: p,
+    totalTabs: a.length
+  }), [s, r, m, p, a.length]), h = R(), y = (e) => {
     (e.key === "Enter" || e.key === " ") && i(!n);
-  }, z = g(() => r.map((e) => /* @__PURE__ */ o(
+  }, z = g(() => a.map((e) => /* @__PURE__ */ t(
     D,
     {
       ...e,
       type: "cluster",
       selectedId: c,
-      onChangeSelectedId: p,
+      onChangeSelectedId: d,
       onClick: () => {
         e.onClick?.(), i(!1);
       }
     },
     e.id
-  )), [r, c, p]);
+  )), [a, c, d]);
   return /* @__PURE__ */ b(T, { children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       I,
       {
         tabIndex: 0,
@@ -40,7 +40,7 @@ const U = (f) => {
         "aria-label": "cluster tabs",
         "aria-expanded": n,
         "aria-haspopup": "menu",
-        className: t.tabNavigatorContainer,
+        className: o.tabNavigatorContainer,
         onClick: () => i(!n),
         onKeyDown: y,
         ownerState: l,
@@ -48,16 +48,16 @@ const U = (f) => {
           O,
           {
             className: x(
-              t.tabNavigatorPositionedContainer,
-              t.normal
+              o.tabNavigatorPositionedContainer,
+              o.normal
             ),
             children: [
-              /* @__PURE__ */ o(P, { ref: v, className: t.tabNavigatorIconContainer, ownerState: l, children: /* @__PURE__ */ o(k, { className: t.tabNavigatorIcon, src: `${S}/${N}/${C}`, ownerState: l }) }),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ t(P, { ref: v, className: o.tabNavigatorIconContainer, ownerState: l, children: /* @__PURE__ */ t(k, { className: o.tabNavigatorIcon, src: `${S}/${N}/${C}`, ownerState: l }) }),
+              /* @__PURE__ */ t(
                 $,
                 {
                   speed: 3,
-                  variant: s ? "bodyDens" : "body",
+                  variant: s ? "bodyDens" : "bodyStandard",
                   size: m,
                   children: u
                 }
@@ -67,17 +67,17 @@ const U = (f) => {
         )
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       E,
       {
         open: n,
         onClose: () => i(!1),
         anchorEl: v.current,
         sx: {
-          ml: a === "vertical" ? h.vars.size.baseSpacings.sp6 : 0,
-          mb: a === "horizontal" ? h.vars.size.baseSpacings.sp6 : 0
+          ml: r === "vertical" ? h.vars.size.baseSpacings.sp6 : 0,
+          mb: r === "horizontal" ? h.vars.size.baseSpacings.sp6 : 0
         },
-        ...a === "vertical" ? {
+        ...r === "vertical" ? {
           anchorOrigin: {
             vertical: "center",
             horizontal: "right"
@@ -96,7 +96,7 @@ const U = (f) => {
             horizontal: "center"
           }
         },
-        children: /* @__PURE__ */ o(_, { variant: "flex-wrap", className: t.contentPopover, ownerState: l, children: z })
+        children: /* @__PURE__ */ t(_, { variant: "flex-wrap", className: o.contentPopover, ownerState: l, children: z })
       }
     )
   ] });

package/components/TabsNavigator/subcomponents/TabNavigatorComponent/TabNavigatorComponent.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as C } from "@emotion/react/jsx-runtime";
 import g from "clsx";
 import { TabNavigatorContainerStyled as p, TabNavigatorPositionedContainerStyled as v, TabNavigatorIconContainerStyled as T, TabNavigatorIconStyled as h, TabNavigatorLabelStyled as I } from "../../slots/TabsNavigatorSlots.js";
-import { TABS_NAVIGATOR_CLASSES as e } from "../../constants.js";
+import { TABS_NAVIGATOR_CLASSES as a } from "../../constants.js";
 import { useComponentSize as f } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { TextMarquee as u } from "../TextMarquee/TextMarquee.js";
 const L = (d) => {
@@ -11,50 +11,50 @@ const L = (d) => {
     icon: m,
     onClick: b,
     selectedId: N,
-    onChangeSelectedId: y,
+    onChangeSelectedId: S,
     type: s = "normal"
-  } = d, { currentSize: t } = f(), a = r === N, n = {
+  } = d, { currentSize: t } = f(), e = r === N, n = {
     size: t,
-    selected: a
+    selected: e
   }, l = () => {
-    y?.(r), b?.();
-  }, S = (c) => {
+    S?.(r), b?.();
+  }, y = (c) => {
     (c.key === "Enter" || c.key === " ") && l();
   };
   return /* @__PURE__ */ o(
     p,
     {
       tabIndex: 0,
-      "aria-selected": a,
-      className: e.tabNavigatorContainer,
+      "aria-selected": e,
+      className: a.tabNavigatorContainer,
       onClick: l,
-      onKeyDown: S,
-      ownerState: { selected: a },
+      onKeyDown: y,
+      ownerState: { selected: e },
       children: /* @__PURE__ */ C(
         v,
         {
           className: g(
-            e.tabNavigatorPositionedContainer,
-            s === "normal" ? e.normal : e.cluster
+            a.tabNavigatorPositionedContainer,
+            s === "normal" ? a.normal : a.cluster
           ),
           children: [
-            /* @__PURE__ */ o(T, { className: e.tabNavigatorIconContainer, ownerState: n, children: /* @__PURE__ */ o(h, { className: e.tabNavigatorIcon, src: m, ownerState: n }) }),
+            /* @__PURE__ */ o(T, { className: a.tabNavigatorIconContainer, ownerState: n, children: /* @__PURE__ */ o(h, { className: a.tabNavigatorIcon, src: m, ownerState: n }) }),
             s === "normal" ? /* @__PURE__ */ o(
               u,
               {
                 speed: 3,
-                variant: a ? "bodyDens" : "body",
+                variant: e ? "bodyDens" : "bodyStandard",
                 size: t,
                 children: i
               }
             ) : /* @__PURE__ */ o(
               I,
               {
-                variant: a ? "bodyDens" : "body",
+                variant: e ? "bodyDens" : "bodyStandard",
                 size: t,
                 ellipsis: !0,
                 ownerState: n,
-                className: e.tabNavigatorLabel,
+                className: a.tabNavigatorLabel,
                 children: i
               }
             )

package/components/ToastContainer/slots/toastContainerSlots.d.ts

@@ -22,10 +22,10 @@ export declare const MessageDescriptionStyled: import('@emotion/styled').StyledC
 export declare const MessageIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').IconProps, "src" | "icon" | keyof import('../..').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const MessageCloseButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "content" | "translate" | "action" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "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" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
+export declare const MessageCloseButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "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" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const MessagePinButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "content" | "translate" | "action" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "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" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
+export declare const MessagePinButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "action" | "content" | "translate" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "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" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 //# sourceMappingURL=toastContainerSlots.d.ts.map

package/components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js

@@ -1,14 +1,14 @@
-import { jsxs as t, jsx as s } from "@emotion/react/jsx-runtime";
+import { jsxs as o, jsx as s } from "@emotion/react/jsx-runtime";
 import { TOAST_KEY_COMPONENT as r } from "../../constants.js";
 import { useToastMessage as h } from "./useToastMessage.js";
 import { MessageRootStyled as T, MessageHeaderStyled as m, ContainedHeaderStyled as p, MessageIconRootStyled as C, MessageIconStyled as P, MessageTitleStyled as b, MessagePinButtonStyled as u, MessageCloseButtonStyled as f, MessageDescriptionStyled as z } from "../../slots/toastContainerSlots.js";
 const v = (i) => {
-  const { title: a, description: n, closeToast: c } = i, { pinToast: d, isPinned: l, ownerState: e, iconPinPath: y, iconTypePath: S, iconClosePath: M, currentSize: o, iconColor: g } = h(i);
-  return /* @__PURE__ */ t(T, { ownerState: e, children: [
-    /* @__PURE__ */ t(m, { ownerState: e, children: [
-      /* @__PURE__ */ t(p, { ownerState: e, children: [
-        /* @__PURE__ */ s(C, { ownerState: e, children: /* @__PURE__ */ s(P, { src: S, ownerState: e, size: o, color: g }) }),
-        /* @__PURE__ */ s(b, { ownerState: e, size: o, variant: "bodyDens", children: a })
+  const { title: a, description: n, closeToast: c } = i, { pinToast: d, isPinned: l, ownerState: e, iconPinPath: y, iconTypePath: S, iconClosePath: M, currentSize: t, iconColor: g } = h(i);
+  return /* @__PURE__ */ o(T, { ownerState: e, children: [
+    /* @__PURE__ */ o(m, { ownerState: e, children: [
+      /* @__PURE__ */ o(p, { ownerState: e, children: [
+        /* @__PURE__ */ s(C, { ownerState: e, children: /* @__PURE__ */ s(P, { src: S, ownerState: e, size: t, color: g }) }),
+        /* @__PURE__ */ s(b, { ownerState: e, size: t, variant: "bodyDens", children: a })
       ] }),
       !l && /* @__PURE__ */ s(
         u,
@@ -29,7 +29,7 @@ const v = (i) => {
         }
       )
     ] }),
-    n && /* @__PURE__ */ s(z, { ownerState: e, size: o, variant: "body", children: n })
+    n && /* @__PURE__ */ s(z, { ownerState: e, size: t, variant: "bodyStandard", children: n })
   ] });
 };
 export {

package/components/WindowBase/subcomponents/Header/HeaderWindowBase.js

@@ -23,27 +23,27 @@ const ue = (N) => {
     buildTime: f,
     variant: E,
     actions: r = [],
-    collapsed: g,
+    collapsed: S,
     emergeType: a,
-    draggable: I
-  } = N, { host_static_assets: l, environment_assets: c } = H(), { dateFormatter: h } = P(), [O, R] = b(() => r.filter((t) => t.place === "left")), [x, z] = b(() => r.filter((t) => t.place === "right")), [S, v] = b(() => r.filter((t) => t.place === "inside"));
+    draggable: g
+  } = N, { host_static_assets: l, environment_assets: c } = H(), { dateFormatter: h } = P(), [O, R] = b(() => r.filter((t) => t.place === "left")), [x, z] = b(() => r.filter((t) => t.place === "right")), [I, v] = b(() => r.filter((t) => t.place === "inside"));
   F(() => {
     const t = r.reduce(
-      (e, n) => (e[n.place]?.push(n), e),
+      (e, o) => (e[o.place]?.push(o), e),
       { left: [], right: [], inside: [] }
     );
     R((e) => w(e, t.left) ? e : t.left), z((e) => w(e, t.right) ? e : t.right), v((e) => w(e, t.inside) ? e : t.inside);
   }, [r]);
   const $ = M(() => {
     const t = [
-      ...S.map((e) => e.type === "groupActions" ? e.actions.map((n) => ({
+      ...I.map((e) => e.type === "groupActions" ? e.actions.map((o) => ({
         type: "menuItem",
-        startIcon: n.iconUrl,
-        label: n.label,
-        onClick: n.onClick,
-        disabled: n.disabled,
+        startIcon: o.iconUrl,
+        label: o.label,
+        onClick: o.onClick,
+        disabled: o.disabled,
         checkable: !0,
-        checked: n.key === e.selectedActionKey
+        checked: o.key === e.selectedActionKey
       })) : {
         type: "menuItem",
         startIcon: e.iconUrl,
@@ -64,29 +64,29 @@ const ue = (N) => {
       color: "default"
       //className: 'version-action',
     }), t;
-  }, [S, d, l, c, f, h]), o = {
+  }, [I, d, l, c, f, h]), n = {
     selected: B,
     maximized: _,
     variant: E,
     size: i,
     emergeType: a,
-    collapsed: g,
-    draggable: I
+    collapsed: S,
+    draggable: g
   }, D = W(O), L = W(x);
-  return /* @__PURE__ */ m(U, { className: Z(I && A.draggableHandle, k.headerWindowComponent), ownerState: o, children: [
-    /* @__PURE__ */ m(j, { ownerState: o, className: k.headerContentWindowBase, children: [
-      C && /* @__PURE__ */ s(V, { size: i, ownerState: o, src: C, "aria-label": "main icon" }),
-      /* @__PURE__ */ m(q, { size: i, ownerState: o, children: [
-        /* @__PURE__ */ s(K, { variant: a === "popup" || a === "modal" ? "body" : "captionDens", size: i, skeletonWidth: 100, ownerState: o, children: T }),
+  return /* @__PURE__ */ m(U, { className: Z(g && A.draggableHandle, k.headerWindowComponent), ownerState: n, children: [
+    /* @__PURE__ */ m(j, { ownerState: n, className: k.headerContentWindowBase, children: [
+      C && /* @__PURE__ */ s(V, { size: i, ownerState: n, src: C, "aria-label": "main icon" }),
+      /* @__PURE__ */ m(q, { size: i, ownerState: n, children: [
+        /* @__PURE__ */ s(K, { variant: a === "popup" || a === "modal" ? "bodyStandard" : "captionDens", size: i, skeletonWidth: 100, ownerState: n, children: T }),
         u && /* @__PURE__ */ s(
           G,
           {
             src: `${l}/${c}/frontend/components/window_base/assets/icons/${p.POINT}`,
             size: i,
-            ownerState: o
+            ownerState: n
           }
         ),
-        u && /* @__PURE__ */ s(J, { variant: a === "popup" || a === "modal" ? "body" : "captionDens", size: i, skeletonWidth: 100, ownerState: o, children: u })
+        u && /* @__PURE__ */ s(J, { variant: a === "popup" || a === "modal" ? "bodyStandard" : "captionDens", size: i, skeletonWidth: 100, ownerState: n, children: u })
       ] })
     ] }),
     /* @__PURE__ */ m(
@@ -94,14 +94,14 @@ const ue = (N) => {
       {
         id: "icons-wrapper",
         className: A.draggableCancel,
-        ownerState: o,
+        ownerState: n,
         children: [
-          /* @__PURE__ */ s(X, { ownerState: { collapsed: g }, children: D }),
+          /* @__PURE__ */ s(X, { ownerState: { collapsed: S }, children: D }),
           $.length > 0 && /* @__PURE__ */ s(
             Y,
             {
               type: "menuItem",
-              ownerState: o,
+              ownerState: n,
               icon: `${l}/${c}/frontend/components/window_base/assets/icons/${p.MORE_VERTICAL}`,
               arrowType: "no-arrow",
               iconButtonClassName: "window-actions",