@m4l/components 9.4.21 → 9.4.22-JT03012026.beta.1

package/components/AccountPopover/AccountPopover.js

@@ -3,9 +3,9 @@ import { useNetwork } from "@m4l/core";
 import { useState, useEffect, useCallback } from "react";
 import { M as MenuPopover } from "./subcomponents/MenuPopover/MenuPopover.js";
 import { A as ACCOUNT_KEY_POPOVER } from "./constants.js";
-import { I as IconButtonRootStyled, A as AvatarStyled } from "./slots/AccountPopoverSlots.js";
+import { I as IconButtonRootStyled, f as AvatarStyled } from "./slots/AccountPopoverSlots.js";
 import { M as MyAvatar } from "./subcomponents/MyAvatar/MyAvatar.js";
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { A as AccountPopoverSlots } from "./slots/AccountPopoverEnum.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 const AccountPopover = (props) => {

package/components/AccountPopover/slots/AccountPopoverSlots.js

@@ -74,7 +74,7 @@ const VersionIconStyled = styled(Icon, {
   slot: AccountPopoverSlots.versionIcon
 })(accountPopoverStyles?.versionIcon);
 export {
-  AvatarStyled as A,
+  AvatarPopoverStyled as A,
   CircularProgressStyled as C,
   DividerStyled as D,
   EmailtStyled as E,
@@ -84,10 +84,10 @@ export {
   PopoverStyled as P,
   UserDataContainerStyled as U,
   VersionContainerStyled as V,
-  AvatarPopoverStyled as a,
-  UserNameEmailStyled as b,
-  VersionStyled as c,
-  VersionIconStyled as d,
-  MenuItemStyled as e,
-  MenuItemLogoutStyled as f
+  UserNameEmailStyled as a,
+  VersionStyled as b,
+  VersionIconStyled as c,
+  MenuItemStyled as d,
+  MenuItemLogoutStyled as e,
+  AvatarStyled as f
 };

package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
 import { P as PATH_VERSION, a as PATH_CONFIGURATION, b as PATH_SIGN_OFF } from "../../constants.js";
-import { P as PopoverStyled, U as UserDataContainerStyled, a as AvatarPopoverStyled, b as UserNameEmailStyled, F as FullNametStyled, E as EmailtStyled, V as VersionContainerStyled, c as VersionStyled, d as VersionIconStyled, D as DividerStyled, C as CircularProgressStyled, M as MenuItemSettingsStyled, e as MenuItemStyled, f as MenuItemLogoutStyled } from "../../slots/AccountPopoverSlots.js";
+import { P as PopoverStyled, U as UserDataContainerStyled, A as AvatarPopoverStyled, a as UserNameEmailStyled, F as FullNametStyled, E as EmailtStyled, V as VersionContainerStyled, b as VersionStyled, c as VersionIconStyled, D as DividerStyled, C as CircularProgressStyled, M as MenuItemSettingsStyled, d as MenuItemStyled, e as MenuItemLogoutStyled } from "../../slots/AccountPopoverSlots.js";
 import { g as getNameDataTestId } from "../../tests/utils.js";
 import { M as MyAvatar } from "../MyAvatar/MyAvatar.js";
 import { useTheme } from "@mui/material";

package/components/ActionsGroup/ActionsGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { A as ActionsGroupRootStyled } from "./slots/ActionsGroupSlots.js";
-import { A as ACTIONS_GROUP_CLASSES } from "./constants.js";
+import { b as ActionsGroupRootStyled } from "./slots/ActionsGroupSlots.js";
+import { a as ACTIONS_GROUP_CLASSES } from "./constants.js";
 import clsx from "clsx";
 import { A as ActionIconButton } from "./subcomponents/ActionIconButton/ActionIconButton.js";
 const ActionsGroup = (props) => {

package/components/ActionsGroup/constants.js

@@ -1,8 +1,8 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { A as ActionsGroupSlots } from "./slots/ActionsGroupEnum.js";
 const ACTIONS_GROUP_KEY_COMPONENT = "M4LActionsGroup";
 const ACTIONS_GROUP_CLASSES = getComponentClasses(ACTIONS_GROUP_KEY_COMPONENT, ActionsGroupSlots);
 export {
-  ACTIONS_GROUP_CLASSES as A,
-  ACTIONS_GROUP_KEY_COMPONENT as a
+  ACTIONS_GROUP_KEY_COMPONENT as A,
+  ACTIONS_GROUP_CLASSES as a
 };

package/components/ActionsGroup/slots/ActionsGroupSlots.js

@@ -1,5 +1,5 @@
 import { A as ActionsGroupSlots } from "./ActionsGroupEnum.js";
-import { a as ACTIONS_GROUP_KEY_COMPONENT } from "../constants.js";
+import { A as ACTIONS_GROUP_KEY_COMPONENT } from "../constants.js";
 import { styled } from "@mui/material/styles";
 import { a as actionsGroupStyles } from "../ActionsGroup.styles.js";
 import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
@@ -27,9 +27,9 @@ const TextTooltipMessageStyled = styled(Typography, {
   slot: ActionsGroupSlots.textTooltipMessage
 })(actionsGroupStyles?.textTooltipMessage);
 export {
-  ActionsGroupRootStyled as A,
+  ActionIconButtonSkeletonStyled as A,
   IconTooltipMessageStyled as I,
   TextTooltipMessageStyled as T,
-  ActionIconButtonSkeletonStyled as a,
-  ActionIconButtonStyled as b
+  ActionIconButtonStyled as a,
+  ActionsGroupRootStyled as b
 };

package/components/ActionsGroup/subcomponents/ActionIconButton/ActionIconButton.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
-import { a as ActionIconButtonSkeletonStyled, b as ActionIconButtonStyled, I as IconTooltipMessageStyled, T as TextTooltipMessageStyled } from "../../slots/ActionsGroupSlots.js";
+import { A as ActionIconButtonSkeletonStyled, a as ActionIconButtonStyled, I as IconTooltipMessageStyled, T as TextTooltipMessageStyled } from "../../slots/ActionsGroupSlots.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { A as ACTIONS_GROUP_ICONS } from "../../icons.js";
 import { a as actionsGroupStyles } from "../../ActionsGroup.styles.js";

package/components/AppBar/AppBar.js

@@ -4,7 +4,7 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { g as getNameDataTestId } from "./tests/utils.js";
 import { A as AppBarRootStyled, M as MenuIconButtonStyled, C as ContentStyled } from "./slots/AppBarSlots.js";
-import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
+import { g as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { P as PATH_IMG_HAMBURGUER, A as APP_BAR_KEY } from "./constants.js";
 const AppBar = (props) => {
   const { onToggleVisible, onToggleAnchored, sidebarAnchored, children, dataTestid, size } = props;

package/components/BaseModule/BaseModule.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, ModulePrivilegesProvider } from "@m4l/core";
 import { useLocales } from "@m4l/graphics";
-import { M as ModalProvider } from "../../contexts/ModalContext/index.js";
+import { a as ModalProvider } from "../../contexts/ModalContext/index.js";
 function BaseModule(props) {
   const {
     children,

package/components/Card/Card.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { C as CardRootStyled } from "./slots/CardSlots.js";
-import { C as CARD_CLASSES } from "./constants.js";
+import { a as CARD_CLASSES } from "./constants.js";
 import clsx from "clsx";
 const Card = (props) => {
   const {

package/components/Card/constants.js

@@ -1,4 +1,4 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { C as CardSlots } from "./slots/CardEnum.js";
 const CARD_KEY = "M4LCard";
 const CARD_VARIANTS = {
@@ -12,6 +12,6 @@ const COMBINED_CLASSES = {
 };
 const CARD_CLASSES = getComponentClasses(CARD_KEY, COMBINED_CLASSES);
 export {
-  CARD_CLASSES as C,
-  CARD_KEY as a
+  CARD_KEY as C,
+  CARD_CLASSES as a
 };

package/components/Card/slots/CardSlots.js

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { a as CARD_KEY } from "../constants.js";
+import { C as CARD_KEY } from "../constants.js";
 import { C as CardSlots } from "./CardEnum.js";
 import { c as cardStyles } from "../Card.styles.js";
 const CardRootStyled = styled("div", {

package/components/CheckableList/CheckableList.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import clsx from "clsx";
-import { C as CHECKABLE_LIST_CLASSES } from "./constants.js";
+import { d as CHECKABLE_LIST_CLASSES } from "./constants.js";
 import { useModuleDictionary } from "@m4l/core";
 import { D as DICCTIONARY } from "./dictionary.js";
 import { u as useSizeContainer } from "../../hooks/useSizeContainer/index.js";
@@ -12,7 +12,7 @@ import { u as useCheckableListSelection } from "./hooks/useCheckableListSelectio
 import { u as useCheckableListHandlers } from "./hooks/useCheckableListHandlers.js";
 import { u as useCheckableListVirtualization } from "./hooks/useCheckableListVirtualization.js";
 import { u as useCheckableListRender } from "./hooks/useCheckableListRender.js";
-import { R as RootStyled, L as LoadingContainerStyled, S as SearchContainerStyled, a as SearchInputStyled, b as SelectAllContainerStyled, c as SelectAllCheckboxStyled, C as ChipCountTypografyStyled, d as ListContainerStyled, V as VirtualizedListStyled, E as EmptyMessageWrapperStyled } from "./slots/styled.js";
+import { R as RootStyled, L as LoadingContainerStyled, S as SearchContainerStyled, l as SearchInputStyled, m as SelectAllContainerStyled, n as SelectAllCheckboxStyled, C as ChipCountTypografyStyled, o as ListContainerStyled, V as VirtualizedListStyled, E as EmptyMessageWrapperStyled } from "./slots/styled.js";
 import { S as Skeleton } from "../mui_extended/Skeleton/Skeleton.js";
 import { I as ImageText } from "../ImageText/ImageText.js";
 import { I as Icon } from "../Icon/Icon.js";

package/components/CheckableList/constants.js

@@ -1,4 +1,4 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { C as CheckableListSlots } from "./slots/slots.js";
 const CHECKABLE_LIST_KEY_COMPONENT = "M4LCheckableList";
 const CHECKABLE_LIST_CLASSES = getComponentClasses(
@@ -9,9 +9,9 @@ const CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT = 36;
 const CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT_WITH_DESCRIPTION = 46;
 const CHECKABLE_LIST_DEFAULT_GROUP_ROW_HEIGHT = 36;
 export {
-  CHECKABLE_LIST_CLASSES as C,
+  CHECKABLE_LIST_KEY_COMPONENT as C,
   CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT as a,
   CHECKABLE_LIST_DEFAULT_GROUP_ROW_HEIGHT as b,
   CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT_WITH_DESCRIPTION as c,
-  CHECKABLE_LIST_KEY_COMPONENT as d
+  CHECKABLE_LIST_CLASSES as d
 };

package/components/CheckableList/hooks/useCheckableListRender.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { useEnvironment } from "@m4l/core";
 import { I as ICONS } from "../icons.js";
-import { I as ItemLabelTypografyStyled, e as ItemDescriptionTypografyStyled, f as ItemWrapperStyled, g as ItemCheckboxStyled, h as ItemIconStyled, i as ItemContentWrapperStyled, G as GroupLabelCountWrapperStyled, j as GroupLabelTypografyStyled, C as ChipCountTypografyStyled, k as GroupWrapperStyled, l as GroupHeaderStyled, m as GroupCheckboxStyled, n as GroupIconStyled, o as GroupToggleButtonStyled } from "../slots/styled.js";
+import { I as ItemLabelTypografyStyled, a as ItemDescriptionTypografyStyled, b as ItemWrapperStyled, c as ItemCheckboxStyled, d as ItemIconStyled, e as ItemContentWrapperStyled, G as GroupLabelCountWrapperStyled, f as GroupLabelTypografyStyled, C as ChipCountTypografyStyled, g as GroupWrapperStyled, h as GroupHeaderStyled, i as GroupCheckboxStyled, j as GroupIconStyled, k as GroupToggleButtonStyled } from "../slots/styled.js";
 const useCheckableListRender = ({
   isItemSelected,
   disabled = false,

package/components/CheckableList/slots/styled.js

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { d as CHECKABLE_LIST_KEY_COMPONENT } from "../constants.js";
+import { C as CHECKABLE_LIST_KEY_COMPONENT } from "../constants.js";
 import { C as CheckableListSlots } from "./slots.js";
 import { c as checkableListStyles } from "../CheckableList.styles.js";
 import { T as TextField } from "../../mui_extended/TextField/TextField.js";
@@ -112,19 +112,19 @@ export {
   RootStyled as R,
   SearchContainerStyled as S,
   VirtualizedListStyled as V,
-  SearchInputStyled as a,
-  SelectAllContainerStyled as b,
-  SelectAllCheckboxStyled as c,
-  ListContainerStyled as d,
-  ItemDescriptionTypografyStyled as e,
-  ItemWrapperStyled as f,
-  ItemCheckboxStyled as g,
-  ItemIconStyled as h,
-  ItemContentWrapperStyled as i,
-  GroupLabelTypografyStyled as j,
-  GroupWrapperStyled as k,
-  GroupHeaderStyled as l,
-  GroupCheckboxStyled as m,
-  GroupIconStyled as n,
-  GroupToggleButtonStyled as o
+  ItemDescriptionTypografyStyled as a,
+  ItemWrapperStyled as b,
+  ItemCheckboxStyled as c,
+  ItemIconStyled as d,
+  ItemContentWrapperStyled as e,
+  GroupLabelTypografyStyled as f,
+  GroupWrapperStyled as g,
+  GroupHeaderStyled as h,
+  GroupCheckboxStyled as i,
+  GroupIconStyled as j,
+  GroupToggleButtonStyled as k,
+  SearchInputStyled as l,
+  SelectAllContainerStyled as m,
+  SelectAllCheckboxStyled as n,
+  ListContainerStyled as o
 };

package/components/Chip/Chip.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { forwardRef, useMemo } from "react";
-import { C as CHIP_CLASSES } from "./constants.js";
+import { a as CHIP_CLASSES } from "./constants.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { I as IconStyled, S as SkeletonChipStyled, C as ChipRootStyled, T as TextChipStyled, a as IconButtonStyled } from "./slots/ChipSlots.js";

package/components/Chip/constants.js

@@ -1,4 +1,4 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { C as ChipComplementaryClasses, a as ChipSlots } from "./slots/ChipEnum.js";
 const CHIP_KEY_COMPONENT = "M4LChip";
 const COMBINED_CHIP_ENUMS = {
@@ -7,6 +7,6 @@ const COMBINED_CHIP_ENUMS = {
 };
 const CHIP_CLASSES = getComponentClasses(CHIP_KEY_COMPONENT, COMBINED_CHIP_ENUMS);
 export {
-  CHIP_CLASSES as C,
-  CHIP_KEY_COMPONENT as a
+  CHIP_KEY_COMPONENT as C,
+  CHIP_CLASSES as a
 };

package/components/Chip/slots/ChipSlots.js

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { c as chipStyles } from "../ChipStyles.js";
-import { a as CHIP_KEY_COMPONENT } from "../constants.js";
+import { C as CHIP_KEY_COMPONENT } from "../constants.js";
 import { a as ChipSlots } from "./ChipEnum.js";
 import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { T as Typography } from "../../mui_extended/Typography/Typography.js";

package/components/Color/Color.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useMemo } from "react";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { C as COLOR_KEY_COMPONENT } from "./constants.js";
 import { C as ColorSlots } from "./slots/ColorEnum.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";

package/components/CommonActions/components/ActionFormCancel/constanst.js

@@ -1,4 +1,4 @@
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 const ACTION_FORM_CANCEL_KEY_COMPONENT = "M4LActionFormCancel";
 const classActoinFormCancelRoot = getComponentSlotRoot(ACTION_FORM_CANCEL_KEY_COMPONENT);
 export {

package/components/CommonActions/components/ActionFormIntro/constanst.js

@@ -1,4 +1,4 @@
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 const ACTION_FORM_INTRO_KEY_COMPONENT = "M4LActionFormIntro";
 const classActoinFormIntroRoot = getComponentSlotRoot(ACTION_FORM_INTRO_KEY_COMPONENT);
 export {

package/components/CommonActions/components/ActionFormSubmitProgrammatic/constanst.js

@@ -1,4 +1,4 @@
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 const ACTION_FORM_SUBMIT_PROGRAMMATIC_KEY_COMPONENT = "M4LActionFormSubmitProgrammatic";
 const classActionFormSubmitProgrammaticRoot = getComponentSlotRoot(ACTION_FORM_SUBMIT_PROGRAMMATIC_KEY_COMPONENT);
 export {

package/components/ContainerFlow/ContainerFlow.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { C as CONTAINER_FLOW_CLASSES } from "./constants.js";
+import { d as CONTAINER_FLOW_CLASSES } from "./constants.js";
 import { C as ContainerFlowWrapperItemStyled, a as ContainerFlowRootStyled } from "./slots/ContainerFlowSlots.js";
 import clsx from "clsx";
 const ContainerFlow = (props) => {

package/components/ContainerFlow/constants.js

@@ -1,4 +1,4 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { C as ContainerFlowSlots } from "./slots/ContainerFlowEnum.js";
 const CONTAINER_FLOW_KEY_COMPONENT = "M4LContainerFlow";
 const CONTAINER_FLOW_CLASSES = getComponentClasses(
@@ -13,9 +13,9 @@ const CONTAINER_FLOW_GAP_VALUES = {
 const CONTAINER_QUERY_NAME = "container";
 const CONTAINER_FLOW_MIN_WIDTH_VALUES = 280;
 export {
-  CONTAINER_FLOW_CLASSES as C,
+  CONTAINER_FLOW_GAP_VALUES as C,
   CONTAINER_FLOW_MIN_WIDTH_VALUES as a,
   CONTAINER_QUERY_NAME as b,
-  CONTAINER_FLOW_GAP_VALUES as c,
-  CONTAINER_FLOW_KEY_COMPONENT as d
+  CONTAINER_FLOW_KEY_COMPONENT as c,
+  CONTAINER_FLOW_CLASSES as d
 };

package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.js

@@ -1,4 +1,4 @@
-import { c as CONTAINER_FLOW_GAP_VALUES } from "../../constants.js";
+import { C as CONTAINER_FLOW_GAP_VALUES } from "../../constants.js";
 const getSpacingValue = (gap) => {
   if (typeof gap === "number") {
     return gap;

package/components/ContainerFlow/slots/ContainerFlowSlots.js

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { d as CONTAINER_FLOW_KEY_COMPONENT } from "../constants.js";
+import { c as CONTAINER_FLOW_KEY_COMPONENT } from "../constants.js";
 import { C as ContainerFlowSlots } from "./ContainerFlowEnum.js";
 import { c as containerFlowStyles } from "../ContainerFlow.styles.js";
 const ContainerFlowRootStyled = styled("div", {

package/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef } from "react";
-import { D as DAYS_OF_WEEK_PICKER_CLASSES } from "./constants.js";
+import { a as DAYS_OF_WEEK_PICKER_CLASSES } from "./constants.js";
 import { u as useDaysOfWeekPicker } from "./hooks/useDaysOfWeekPicker.js";
 import { D as DaysOfWeekPickerSkeletonStyled, a as DaysOfWeekPickerRootStyled, b as DayButtonStyled } from "./slots/DaysOfWeekPickerSlots.js";
 const DaysOfWeekPicker = forwardRef(

package/components/DaysOfWeekPicker/constants.js

@@ -1,4 +1,4 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
 import { D as DaysOfWeekPickerSlots } from "./slots/DaysOfWeekPickerEnum.js";
 const DAYS_OF_WEEK_PICKER_KEY_COMPONENT = "M4LDaysOfWeekPicker";
 const DAYS_OF_WEEK_PICKER_CLASSES = getComponentClasses(
@@ -6,6 +6,6 @@ const DAYS_OF_WEEK_PICKER_CLASSES = getComponentClasses(
   DaysOfWeekPickerSlots
 );
 export {
-  DAYS_OF_WEEK_PICKER_CLASSES as D,
-  DAYS_OF_WEEK_PICKER_KEY_COMPONENT as a
+  DAYS_OF_WEEK_PICKER_KEY_COMPONENT as D,
+  DAYS_OF_WEEK_PICKER_CLASSES as a
 };

package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerSlots.js

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { D as DaysOfWeekPickerSlots } from "./DaysOfWeekPickerEnum.js";
 import { d as daysOfWeekPickerStyles } from "../DaysOfWeekPicker.styles.js";
-import { a as DAYS_OF_WEEK_PICKER_KEY_COMPONENT } from "../constants.js";
+import { D as DAYS_OF_WEEK_PICKER_KEY_COMPONENT } from "../constants.js";
 import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
 import { B as Button } from "../../mui_extended/Button/Button.js";
 const DaysOfWeekPickerRootStyled = styled("div", {

package/components/DynamicFilter/DynamicFilter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
 import { forwardRef } from "react";
-import { D as DynamicFilterProvider } from "./store/DynamicFilterContext.js";
+import { a as DynamicFilterProvider } from "./store/DynamicFilterContext.js";
 import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/DynamicFilterBase.js";
 const DynamicFilter = forwardRef((props, ref) => {
   const { className, ...others } = props;

package/components/DynamicFilter/constants.js

@@ -27,13 +27,13 @@ const DATE_TIME_OPERATORS = [
 export {
   ALL_FIELD as A,
   BOOLEAN_OPERATORS as B,
-  DYNAMIC_FILTER_KEY_COMPONENT as D,
+  DATE_TIME_OPERATORS as D,
   NUMBER_OPERATORS as N,
   SELECT_ASYNC_OPERATORS_MULTIPLE as S,
-  DYNAMIC_FILTER_SOTORE_ID as a,
-  DATE_TIME_OPERATORS as b,
-  SELECT_ASYNC_OPERATORS_SINGLE as c,
-  SELECT_OPERATORS_MULTIPLE as d,
-  SELECT_OPERATORS_SINGLE as e,
-  STRING_OPERATORS as f
+  SELECT_ASYNC_OPERATORS_SINGLE as a,
+  SELECT_OPERATORS_MULTIPLE as b,
+  SELECT_OPERATORS_SINGLE as c,
+  STRING_OPERATORS as d,
+  DYNAMIC_FILTER_SOTORE_ID as e,
+  DYNAMIC_FILTER_KEY_COMPONENT as f
 };

package/components/DynamicFilter/helpers/frontEndHelpers.js

@@ -230,6 +230,6 @@ function getFilterGroupFieldsByName(fields) {
   return result;
 }
 export {
-  getFilterGroupFieldsByName as a,
-  getIsIfInDynamicFilter as g
+  getIsIfInDynamicFilter as a,
+  getFilterGroupFieldsByName as g
 };

package/components/DynamicFilter/slots/dynamicFilterSlots.js

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { S as Skeleton } from "../../mui_extended/Skeleton/Skeleton.js";
-import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.js";
+import { f as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants.js";
 import { d as dynamicFilterStyles } from "../DynamicFilter.styles.js";
 import { D as DynamicFilterSlots } from "./SlotsEnum.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
@@ -64,17 +64,17 @@ const InputFilterInputSkeletonStyled = styled(Skeleton, {
 })(dynamicFilterStyles?.inputFilterInputSkeleton);
 export {
   AppliedFiltersStyled as A,
-  InnerContainerStyled as I,
-  PopoverStyled as P,
+  InputFilterStyled as I,
+  PopoverMenuStyled as P,
   RootStyled as R,
   AppliedFilterInnerContainerStyled as a,
   ActionsStyled as b,
   ActionsClearButtonStyled as c,
   ActionsSubmitButtonStyled as d,
-  InputFilterStyled as e,
-  InputFilterInputSkeletonStyled as f,
-  InputFilterInputStyled as g,
+  InputFilterInputSkeletonStyled as e,
+  InputFilterInputStyled as f,
+  PopoverStyled as g,
   PopoverContainerFieldsStyled as h,
   PopoverHeaderActionsStyled as i,
-  PopoverMenuStyled as j
+  InnerContainerStyled as j
 };

package/components/DynamicFilter/store/DynamicFilterContext.js

@@ -156,6 +156,6 @@ const DynamicFilterProvider = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(DynamicFilterContext.Provider, { value: dynamicFilterStoreRef.current, children });
 });
 export {
-  DynamicFilterProvider as D,
-  DynamicFilterContext as a
+  DynamicFilterContext as D,
+  DynamicFilterProvider as a
 };

package/components/DynamicFilter/store/DynamicFilterStore.js

@@ -1,7 +1,7 @@
 import { createStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { a as DYNAMIC_FILTER_SOTORE_ID } from "../constants.js";
+import { e as DYNAMIC_FILTER_SOTORE_ID } from "../constants.js";
 import { g as getPurgedInitialFiltersApplied } from "../helpers/getPurgedInitialFiltersApplied.js";
 function updateAvailableFields(state) {
   state.availableFields = state.fields.filter((field) => {

package/components/DynamicFilter/store/useDynamicFilterStore.js

@@ -1,7 +1,7 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
-import { a as DynamicFilterContext } from "./DynamicFilterContext.js";
+import { D as DynamicFilterContext } from "./DynamicFilterContext.js";
 function useDynamicFilterStore(selector, equalityFn) {
   const store = useContext(DynamicFilterContext);
   if (!store) {

package/components/DynamicFilter/subcomponents/DynamicFilterBase/DynamicFilterBase.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
-import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
-import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../../constants.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { f as DYNAMIC_FILTER_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicFilterBase } from "./useDynamicFilterBase.js";
 import clsx from "clsx";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots.js";
+import { R as RootStyled, j as InnerContainerStyled } from "../../slots/dynamicFilterSlots.js";
 import { I as InputFilter } from "../InputFilter/InputFilter.js";
 import { A as AppliedFilters } from "../AppliedFilters/AppliedFilters.js";
 import { F as FilterActions } from "../FilterActions/FilterActions.js";

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/helpers.js

@@ -1,5 +1,5 @@
 import * as Yup from "yup";
-import { b as DATE_TIME_OPERATORS } from "../../../constants.js";
+import { D as DATE_TIME_OPERATORS } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { D as DateTimeFilter } from "./index.js";
 import { startOfDay, endOfDay } from "date-fns";

package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/index.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
 import { useFormContext, useWatch } from "react-hook-form";
-import { b as DATE_TIME_OPERATORS } from "../../../constants.js";
+import { D as DATE_TIME_OPERATORS } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";

package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/helpers.js

@@ -1,5 +1,5 @@
 import * as Yup from "yup";
-import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, c as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.js";
+import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, a as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.js";
 import { S as SelectAsyncFilter } from "./index.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";

package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/index.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
-import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, c as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.js";
+import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, a as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/helpers.js

@@ -1,5 +1,5 @@
 import * as Yup from "yup";
-import { d as SELECT_OPERATORS_MULTIPLE, e as SELECT_OPERATORS_SINGLE } from "../../../constants.js";
+import { b as SELECT_OPERATORS_MULTIPLE, c as SELECT_OPERATORS_SINGLE } from "../../../constants.js";
 import { S as SelectFilter } from "./index.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
-import { d as SELECT_OPERATORS_MULTIPLE, e as SELECT_OPERATORS_SINGLE } from "../../../constants.js";
+import { b as SELECT_OPERATORS_MULTIPLE, c as SELECT_OPERATORS_SINGLE } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/helpers.js

@@ -1,5 +1,5 @@
 import * as Yup from "yup";
-import { f as STRING_OPERATORS } from "../../../constants.js";
+import { d as STRING_OPERATORS } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { S as StringFilter } from "./index.js";
 import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
 import { useMemo } from "react";
-import { f as STRING_OPERATORS } from "../../../constants.js";
+import { d as STRING_OPERATORS } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../../store/useDynamicFilterStore.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";

package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.js

@@ -3,7 +3,7 @@ import { useRef, useEffect } from "react";
 import { I as Icon } from "../../../Icon/Icon.js";
 import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
 import { u as useInputFilter } from "./useInputFilter.js";
-import { e as InputFilterStyled, f as InputFilterInputSkeletonStyled, g as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.js";
+import { I as InputFilterStyled, e as InputFilterInputSkeletonStyled, f as InputFilterInputStyled } from "../../slots/dynamicFilterSlots.js";
 import { P as PopoverMenuFields } from "../PopoverMenuFields/PopoverMenuFields.js";
 const InputFilter = () => {
   const {