@m4l/components 9.2.51-beta.1 → 9.2.52

package/components/mui_extended/Accordion/Accordion.js

@@ -3,7 +3,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
 import { a as getNameDataTestId } from "../../../test/getNameDataTestId.js";
 import { P as PATH_EXPANDED_ICON, A as ACCORDION_KEY } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { A as AccordionRootStyled, a as AccordionSummaryStyled, I as IconLabelStyled, L as LabelStyled, b as IconExpandedStyled, c as AccordionDetailsStyled } from "./slots/AccordionSlots.js";
+import { A as AccordionRootStyled, a as AccordionSummaryStyled, I as IconExpandedStyled, b as IconLabelStyled, L as LabelStyled, c as AccordionDetailsStyled } from "./slots/AccordionSlots.js";
 import { forwardRef } from "react";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const Accordion = forwardRef((props, ref) => {

package/components/mui_extended/Accordion/slots/AccordionSlots.js

@@ -31,9 +31,9 @@ const AccordionDetailsStyled = styled(AccordionDetails, {
 })(accordionStyles?.accordionDetails);
 export {
   AccordionRootStyled as A,
-  IconLabelStyled as I,
+  IconExpandedStyled as I,
   LabelStyled as L,
   AccordionSummaryStyled as a,
-  IconExpandedStyled as b,
+  IconLabelStyled as b,
   AccordionDetailsStyled as c
 };

package/components/mui_extended/Autocomplete/Autocomplete.js

@@ -3,7 +3,7 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
 import { forwardRef, useState, useCallback, useEffect, useMemo } from "react";
 import { r as renderOption } from "./renderOptions/index.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { C as ChipStyled, I as ImageStyled, A as AdormentsStyled, a as CircularProgressStyled, b as IconButtonStyled, S as SkeletonAutocompleteStyled, c as AutocompleteRootStyled, R as RenderInputStyled, P as PopperComponentStyled } from "./slots/AutocompleteSlots.js";
+import { C as ChipStyled, I as ImageStyled, A as AdormentsStyled, a as CircularProgressStyled, b as IconButtonStyled, S as SkeletonAutocompleteStyled, c as AutocompleteRootStyled, P as PopperComponentStyled, R as RenderInputStyled } from "./slots/AutocompleteSlots.js";
 import { T as Typography } from "../Typography/Typography.js";
 const Autocomplete = forwardRef(function Autocomplete2(props, ref) {
   const {

package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js

@@ -6,12 +6,12 @@ import { a as autocompleteSyles } from "../Autocomplete.styles.js";
 import { A as AUTOCOMPLETE_KEY_COMPONENT } from "../constants.js";
 import { A as AutocompleteSlots } from "./AutocompleteEnum.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { T as TextField } from "../../TextField/TextField.js";
-import { P as Popper } from "../../Popper/Popper.js";
 import { T as Typography } from "../../Typography/Typography.js";
-import { C as CircularProgress } from "../../CircularProgress/CircularProgress.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
+import { P as Popper } from "../../Popper/Popper.js";
 import { M as MenuItem } from "../../MenuItem/MenuItem.js";
+import { C as CircularProgress } from "../../CircularProgress/CircularProgress.js";
 const AutocompleteRootStyled = styled(Autocomplete, {
   name: AUTOCOMPLETE_KEY_COMPONENT,
   slot: AutocompleteSlots.root

package/components/mui_extended/CheckBox/CheckBox.js

@@ -5,7 +5,7 @@ import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js
 import { C as CHECK_BOX_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconStyled, a as IconCheckedStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
+import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconCheckedStyled, a as IconStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
 import { C as CheckBoxSlots } from "./slots/CheckBoxEnum.js";
 const CheckBox = forwardRef((props, ref) => {
   const {

package/components/mui_extended/CheckBox/slots/CheckBoxSlots.js

@@ -31,9 +31,9 @@ const IconStyled = styled(Icon, {
 })(checkBoxStyles.icon);
 export {
   CheckBoxRootStyled as C,
-  IconStyled as I,
+  IconCheckedStyled as I,
   MUICheckboxStyled as M,
   SkeletonStyled as S,
   TypographyStyled as T,
-  IconCheckedStyled as a
+  IconStyled as a
 };

package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.js

@@ -1,5 +1,5 @@
 import { styled, Popper, Paper } from "@mui/material";
-import { PickersCalendarHeader, PickersDay, MobileDateTimePicker, DesktopDateTimePicker } from "@mui/x-date-pickers";
+import { DesktopDateTimePicker, MobileDateTimePicker, PickersCalendarHeader, PickersDay } from "@mui/x-date-pickers";
 import { d as dateTimePickerStyles } from "../DateTimePicker.styles.js";
 import { D as DATE_TIME_PICKER_KEY_COMPONENT } from "../constants.js";
 import { D as DateTimePickerEnum } from "./DateTimePickerEnum.js";

package/components/mui_extended/IconButton/slots/IconButtonSlots.js

@@ -3,8 +3,8 @@ import { styled } from "@mui/material/styles";
 import { i as iconButtonStyles } from "../IconButton.styles.js";
 import { a as ICON_BUTTON_KEY_COMPONENT } from "../constants.js";
 import { I as IconButtonSlots } from "./IconButtonEnum.js";
-import { I as Icon } from "../../../Icon/Icon.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
+import { I as Icon } from "../../../Icon/Icon.js";
 const StyledMUIIconButton = styled(IconButton, {
   name: ICON_BUTTON_KEY_COMPONENT,
   slot: IconButtonSlots.styledMUIIconButton

package/components/mui_extended/ImageButton/utils/Clases/index.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from "@mui/material";
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { c as componentName } from "./constants.js";
 generateUtilityClasses(componentName, [

package/components/mui_extended/MenuItem/slots/MenuItemSlots.js

@@ -3,8 +3,8 @@ import { MenuItem } from "@mui/material";
 import { a as MENUITEM_KEY_COMPONENT } from "../constants.js";
 import { m as menuItemStyles } from "../MenuItem.styles.js";
 import { M as MenuItemSlots } from "./MenuItemEnum.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { T as Typography } from "../../Typography/Typography.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const MenuItemRootStyled = styled(MenuItem, {
   name: MENUITEM_KEY_COMPONENT,

package/components/mui_extended/NavLink/NavLink.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { R as RouterNavLinkRootStyled, a as RouterNavLinkStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/NavLinkSlots.js";
 import { useModuleSkeleton } from "@m4l/core";
-import { c as classNavLinkRoot, N as NAV_LINK_SPECIFY, a as NAV_LINK_KEY_COMPONENT } from "./constants.js";
+import { N as NAV_LINK_KEY_COMPONENT, c as classNavLinkRoot, a as NAV_LINK_SPECIFY } from "./constants.js";
 import { N as NavLinkSlots } from "./slots/NavLinkEnum.js";
 import { clsx } from "clsx";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";

package/components/mui_extended/NavLink/constants.js

@@ -4,7 +4,7 @@ const NAV_LINK_KEY_COMPONENT = "M4LNavLink";
 const NAV_LINK_SPECIFY = "M4lclassCssSpecificity";
 const classNavLinkRoot = getComponentClasses(NAV_LINK_KEY_COMPONENT, NavLinkSlots);
 export {
-  NAV_LINK_SPECIFY as N,
-  NAV_LINK_KEY_COMPONENT as a,
+  NAV_LINK_KEY_COMPONENT as N,
+  NAV_LINK_SPECIFY as a,
   classNavLinkRoot as c
 };

package/components/mui_extended/NavLink/slots/NavLinkSlots.js

@@ -1,7 +1,7 @@
 import { NavLink } from "react-router-dom";
 import { styled } from "@mui/material/styles";
 import { N as NavLinkSlots } from "./NavLinkEnum.js";
-import { a as NAV_LINK_KEY_COMPONENT } from "../constants.js";
+import { N as NAV_LINK_KEY_COMPONENT } from "../constants.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { n as navLinkStyles } from "../NavLink.styles.js";
 import { T as Typography } from "../../Typography/Typography.js";

package/components/mui_extended/Popover/Popover.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
-import { P as POPOVER_PREFIX, a as POPOVER_CLASS_NAME_SPECIFY } from "./constants.js";
+import { P as POPOVER_CLASS_NAME_SPECIFY, a as POPOVER_PREFIX } from "./constants.js";
 import clsx from "clsx";
 import { P as PopoverRootStyled } from "./slots/PopoverSlots.js";
 import { P as PopoverSlots } from "./slots/PopoverEnum.js";

package/components/mui_extended/Popover/Popover.styles.js

@@ -9,7 +9,11 @@ const popoverStyles = {
         borderRadius: theme.vars.size.borderRadius.r1
       }
     }
-  })
+  }),
+  /**
+   * Styles applied to the Popover arrow element.
+   */
+  arrow: () => ({})
 };
 export {
   popoverStyles as p

package/components/mui_extended/Popover/constants.js

@@ -2,7 +2,7 @@ const POPOVER_KEY_COMPONENT = "M4LPopover";
 const POPOVER_PREFIX = "Popover";
 const POPOVER_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 export {
-  POPOVER_PREFIX as P,
-  POPOVER_CLASS_NAME_SPECIFY as a,
+  POPOVER_CLASS_NAME_SPECIFY as P,
+  POPOVER_PREFIX as a,
   POPOVER_KEY_COMPONENT as b
 };

package/components/mui_extended/Select/Select.js

@@ -4,7 +4,7 @@ import { useTheme } from "@mui/material";
 import clsx from "clsx";
 import { forwardRef, useMemo, useState, useCallback } from "react";
 import { A as ArrowDownStyled, a as AdormentStyled, S as SelectRootStyled, b as SkeletonSelectStyled, M as MenuItemListStyled, c as MenuItemNoOptionStyled, L as LabelPlaceholerStyled, R as RenderValueContainerStyled, d as RenderValueTypography } from "./slots/SelectSlots.js";
-import { I as ICON_ARROW_DOWN, S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT } from "./constants.js";
+import { S as SELECT_CLASSES, a as SELECT_KEY_COMPONENT, I as ICON_ARROW_DOWN } from "./constants.js";
 import { S as SELECT_DICTIONARY } from "./dictionary.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";

package/components/mui_extended/Select/Select.styles.js

@@ -1,5 +1,5 @@
 import { S as SELECT_CLASSES } from "./constants.js";
-import { g as getSizeStyles, a as getHeightSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
+import { a as getHeightSizeStyles, g as getSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
 const selectStyles = {
   /**
    * Estilos para el componente Select

package/components/mui_extended/Select/constants.js

@@ -1,5 +1,5 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { a as SelectComplementaryClasses, S as SelectSlots } from "./slots/SelectEnum.js";
+import { S as SelectSlots, a as SelectComplementaryClasses } from "./slots/SelectEnum.js";
 const SELECT_KEY_COMPONENT = "M4LSelect";
 const ICON_ARROW_DOWN = "frontend/components/select/arrow_down.svg";
 const COMBINATED_TEXTFIELD_ENUMS = {

package/components/mui_extended/Select/slots/SelectSlots.js

@@ -4,8 +4,8 @@ import { a as SELECT_KEY_COMPONENT } from "../constants.js";
 import { s as selectStyles } from "../Select.styles.js";
 import { S as SelectSlots } from "./SelectEnum.js";
 import { I as IconButton } from "../../IconButton/IconButton.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { M as MenuItem } from "../../MenuItem/MenuItem.js";
+import { S as Skeleton } from "../../Skeleton/Skeleton.js";
 import { T as Typography } from "../../Typography/Typography.js";
 import { I as Icon } from "../../../Icon/Icon.js";
 const SelectRootStyled = () => styled(Select, {

package/components/mui_extended/Tab/Tab.js

@@ -5,7 +5,7 @@ import { T as TabSlots } from "./Slots/TabEnum.js";
 import { T as TAB_KEY_COMPONENT } from "./constants.js";
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { R as RootStyled, I as IconStyled, T as TypographyStyled } from "./Slots/TabSlots.js";
+import { R as RootStyled, T as TypographyStyled, I as IconStyled } from "./Slots/TabSlots.js";
 function Tab(props) {
   const {
     size = "medium",

package/components/mui_extended/TextField/constants.js

@@ -1,5 +1,5 @@
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
-import { a as TexFieldComplementaryClasses, T as TextFieldSlots } from "./slots/TextFieldEnum.js";
+import { T as TextFieldSlots, a as TexFieldComplementaryClasses } from "./slots/TextFieldEnum.js";
 const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";
 const COMBINATED_TEXTFIELD_ENUMS = {
   ...TextFieldSlots,

package/components/mui_extended/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { R as RootStyled, T as TooltipStyled, a as TextStyled } from "./slots/TooltipSlots.js";
-import { D as DEFAULT_TOOLTIP_OFFSET, T as TOOLTIP_CLASSES } from "./constants.js";
+import { R as RootStyled, T as TextStyled, a as TooltipStyled } from "./slots/TooltipSlots.js";
+import { T as TOOLTIP_CLASSES, D as DEFAULT_TOOLTIP_OFFSET } from "./constants.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const Tooltip = (props) => {

package/components/mui_extended/Tooltip/slots/TooltipSlots.js

@@ -17,6 +17,6 @@ const TooltipStyled = styled("div", {
 })(tooltipStyles?.tooltip);
 export {
   RootStyled as R,
-  TooltipStyled as T,
-  TextStyled as a
+  TextStyled as T,
+  TooltipStyled as a
 };

package/components/mui_extended/Typography/Typography.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useModuleSkeleton } from "@m4l/core";
-import { T as TYPOGRAPHY_CLASSES, a as TYPOGRAPHY_KEY_COMPONENT, b as TYPOGRAPHY_CLASS_NAME_SPECIFY } from "./constants.js";
+import { T as TYPOGRAPHY_CLASS_NAME_SPECIFY, a as TYPOGRAPHY_CLASSES, b as TYPOGRAPHY_KEY_COMPONENT } from "./constants.js";
 import { T as TypographySlots } from "./slots/typographyEnum.js";
 import { S as StyledMUITypography, a as StyledSkeleton } from "./slots/typographySlots.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";

package/components/mui_extended/Typography/constants.js

@@ -4,7 +4,7 @@ const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
 const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
 const TYPOGRAPHY_CLASSES = getComponentClasses(TYPOGRAPHY_KEY_COMPONENT, TypographySlots);
 export {
-  TYPOGRAPHY_CLASSES as T,
-  TYPOGRAPHY_KEY_COMPONENT as a,
-  TYPOGRAPHY_CLASS_NAME_SPECIFY as b
+  TYPOGRAPHY_CLASS_NAME_SPECIFY as T,
+  TYPOGRAPHY_CLASSES as a,
+  TYPOGRAPHY_KEY_COMPONENT as b
 };

package/components/mui_extended/Typography/slots/typographySlots.js

@@ -1,6 +1,6 @@
 import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { a as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
+import { b as TYPOGRAPHY_KEY_COMPONENT } from "../constants.js";
 import { T as TypographySlots } from "./typographyEnum.js";
 import { t as typographyStyles } from "../typography.styles.js";
 import { S as Skeleton } from "../../Skeleton/Skeleton.js";

package/components/popups/components/PopupsViewer/icons.js

@@ -1,4 +1,5 @@
 const POPUPS_ICONS = {
+  CLOSE: "close.svg",
   EDITION_INFO: "edition_info.svg"
 };
 export {

package/hooks/useDataGridPersistence/constants.js

@@ -1,6 +1,6 @@
 const COOKIE_COLUMNS_WIDTHS = "columns_widths";
 const COOKIE_COLUMNS_CONFIG = "columns_config";
 export {
-  COOKIE_COLUMNS_CONFIG as C,
-  COOKIE_COLUMNS_WIDTHS as a
+  COOKIE_COLUMNS_WIDTHS as C,
+  COOKIE_COLUMNS_CONFIG as a
 };

package/hooks/useDataGridPersistence/useDataGridPersistence.js

@@ -1,6 +1,6 @@
 import { useState, useCallback } from "react";
 import { g as getColumnsConfigCookie } from "./helpers.js";
-import { C as COOKIE_COLUMNS_CONFIG, a as COOKIE_COLUMNS_WIDTHS } from "./constants.js";
+import { C as COOKIE_COLUMNS_WIDTHS, a as COOKIE_COLUMNS_CONFIG } from "./constants.js";
 import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
 const useDataGridPersistence = (props) => {
   const { prefixCookie } = props;

package/hooks/useSvgColor/constants.js

@@ -31,8 +31,8 @@ const SVG_ICON_ERROR = "data:image/svg+xml;base64," + btoa(`<svg viewBox="0 0 64
 </svg>`);
 export {
   REPLACEMENT_PRYMARY_COLOR as R,
-  SKELETON_SVG_ICON as S,
-  SVG_CACHE_PREFIX as a,
+  SVG_CACHE_PREFIX as S,
+  SKELETON_SVG_ICON as a,
   SVG_ICON_ERROR as b,
   REPLACEMENT_SECONDARY_COLOR as c
 };

package/hooks/useSvgColor/helpers.js

@@ -1,4 +1,4 @@
-import { S as SKELETON_SVG_ICON, a as SVG_CACHE_PREFIX } from "./constants.js";
+import { S as SVG_CACHE_PREFIX, a as SKELETON_SVG_ICON } from "./constants.js";
 function purgedColor(color) {
   return color.replace(/[#\s]/g, "");
 }

package/hooks/useSvgColor/useSvgColor.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { b as SVG_ICON_ERROR, a as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
+import { b as SVG_ICON_ERROR, S as SVG_CACHE_PREFIX, R as REPLACEMENT_PRYMARY_COLOR, c as REPLACEMENT_SECONDARY_COLOR } from "./constants.js";
 import { g as getSVG, p as purgedColor } from "./helpers.js";
 function useSvgColor(props) {
   const { src, cacheKey, primaryColor, secondaryColor = "#FFFFFF", skeletonIcon, fallBackIcon = SVG_ICON_ERROR } = props;

package/index.js

@@ -9,7 +9,7 @@ import { A as A2 } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
 import { v as v3 } from "./components/animate/variants/container.js";
-import { a, v as v4, b } from "./components/animate/variants/transition.js";
+import { v as v4, a, b } from "./components/animate/variants/transition.js";
 import { A as A3 } from "./components/AppBar/AppBar.js";
 import { g as g2 } from "./components/AppBar/dictionary.js";
 import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
@@ -120,7 +120,7 @@ import { D as D8 } from "./components/formatters/DistanceToNowFormatter/Distance
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c2, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
@@ -198,7 +198,7 @@ import { u as u23 } from "./hooks/useInterval/index.js";
 import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u26 } from "./hooks/useStateRef/index.js";
-import { S as S9 } from "./hooks/useSvgColor/constants.js";
+import { a as a14 } from "./hooks/useSvgColor/constants.js";
 import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
 import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
@@ -209,9 +209,9 @@ import { g as g30 } from "./utils/getComponentUtilityClass.js";
 import { g as g31 } from "./utils/getPaletteColor.js";
 import { g as g32 } from "./utils/getTypographyStyles.js";
 import { g as g33 } from "./utils/getIconColor.js";
-import { a as a14 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { a as a15 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g34, a as a15 } from "./utils/getComponentSlotRoot.js";
+import { g as g34, a as a16 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g35 } from "./utils/getValidDate.js";
 import { g as g36 } from "./utils/getNullGuard.js";
@@ -339,7 +339,7 @@ export {
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  S9 as SKELETON_SVG_ICON,
+  a14 as SKELETON_SVG_ICON,
   S7 as ScrollBar,
   S as SectionCommercial,
   S6 as SelectStyled,
@@ -375,9 +375,9 @@ export {
   W2 as WindowToolsMFContext,
   a10 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
-  e as addLayoutItemToBreakPoints,
+  d3 as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
-  d3 as cloneLayouts,
+  e as cloneLayouts,
   c3 as createDynamicMFStore,
   c as createToaster,
   d as defaultCommonActionsDictionary,
@@ -389,7 +389,7 @@ export {
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
   g34 as getComponentClasses,
-  a15 as getComponentSlotRoot,
+  a16 as getComponentSlotRoot,
   g30 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
@@ -403,7 +403,7 @@ export {
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
-  a14 as getHeightSizeStyles,
+  a15 as getHeightSizeStyles,
   g33 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
@@ -465,8 +465,8 @@ export {
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,
-  a as varTranEnter,
-  v4 as varTranExit,
+  v4 as varTranEnter,
+  a as varTranExit,
   b as varTranHover,
   w as withSizeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.51-beta.1",
+  "version": "9.2.52",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/storybook/components/SideBar/SideBar.stories.d.ts

@@ -3,16 +3,28 @@ import { SideBar } from '../../../src/components/SideBar';
 declare const meta: Meta<typeof SideBar>;
 type Story = StoryObj<typeof SideBar>;
 /**
- * Componente SideBar por defecto sin ningún item seleccionado
+ * SideBar por defecto sin ningún item seleccionado
  */
 export declare const Default: Story;
 /**
- * Componente SideBar con items en el menu, con un item seleccionado y 5 anidaciones incluyendo la sección padre de los menu items
+ * SideBar colapsado por medio del botón de anclaje
  */
-export declare const SidebarWithItemSelected: Story;
-export declare const SidebarWithoutData: Story;
+export declare const CollapsedWithAnchorButton: Story;
+/**
+ * SideBar colapsado con hover sobre el menú
+ */
+export declare const CollapsedWithHoverOnMenu: Story;
+/**
+ * SideBar colapsado retirando hover sobre el menú
+ */
+export declare const CollapsedWithHoverRemoved: Story;
+/**
+ * SideBar con items en el menu, con un item seleccionado y 5 anidaciones incluyendo la sección padre de los menu items
+ */
+export declare const WithItemSelected: Story;
+export declare const WithoutData: Story;
 /**
  * SideBar con componentes en skeleton
  */
-export declare const SidebarWithSkeleton: Story;
+export declare const WithSkeleton: Story;
 export default meta;