@m4l/components 4.2.0 → 5.0.0

package/@types/export.d.ts

@@ -253,8 +253,8 @@ declare module '@mui/material/styles' {
     M4LSectionCommercial?: {
       styleOverrides?: ComponentsOverrides<Theme>['M4LSectionComercial'];
     };
-    M4LFieldLabel?: {
-      styleOverrides?: ComponentsOverrides<Theme>['M4LFieldLabel'];
+    M4LLabel?: {
+      styleOverrides?: ComponentsOverrides<Theme>['M4LLabel'];
     };
   }
 }

package/@types/types.d.ts

@@ -27,6 +27,11 @@ import {
   ToastContainerOwnerState,
   ToastContainerSlotsType,
 } from '../components/ToastContainer/types';
+
+import { HelperErrorOwnerState, HelperErrorOwnerSlotsType } from '../components/HelperError/types';
+import { LabelOwnerState, LabelSlotsType } from '../components/Label/types';
+
+type Theme = Omit<MuiTheme, 'components'>;
 import { TooltipOwnerState, TooltipSlotsType } from '../components/mui_extended/Tooltip/types';
 
 declare module '@mui/material/styles' {
@@ -41,6 +46,8 @@ declare module '@mui/material/styles' {
     M4LIcon: IconSlotsType;
     M4LDragResizeWindow: DragResizeWindowSlotsType;
     M4LToastContainer: ToastContainerSlotsType;
+    M4LHelperError: HelperErrorOwnerSlotsType;
+    M4LLabel: LabelSlotsType;
     M4LTooltip: TooltipSlotsType;
   }
 
@@ -55,6 +62,8 @@ declare module '@mui/material/styles' {
     M4LIcon: Partial<IconOwnerState>;
     M4LDragResizeWindow: Partial<DragResizeWindowOwnerState>;
     M4LToastContainer: Partial<ToastContainerOwnerState>;
+    M4LHelperError: Partial<HelperErrorOwnerState>;
+    M4LLabel: Partial<LabelOwnerState>;
     M4LTooltip: Partial<TooltipOwnerState>;
   }
 
@@ -99,12 +108,21 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
       variants?: ComponentsVariants['M4LToastContainer'];
     };
+    M4LHelperError?: {
+      defaultProps?: ComponentsPropsList['M4LHelperError'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LHelperError'];
+      variants?: ComponentsVariants['M4LHelperError'];
+    };
+    M4LLabel?: {
+      defaultProps?: ComponentsPropsList['M4LLabel'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LLabel'];
+      variants?: ComponentsVariants['M4LLabel'];
+    };
     M4LIcon?: {
       defaultProps?: ComponentsPropsList['M4LIcon'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
       variants?: ComponentsVariants['M4LIcon'];
     };
-
     M4LTooltip?: {
       defaultProps?: ComponentsPropsList['M4LTooltip'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];

package/components/AccountPopover/{AccountPopover-zvGmVgrk.js → AccountPopover-NVz2YbA6.js}

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import { u as useAccountPopoverUtilityClasses, g as getAccountPopoverClassesUtilityClass } from "./classes/index-BPokei6j.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { A as AcountPopOverRoot } from "./style-KJYhN6c4.js";
-import { M as MenuPopOver } from "./subcomponents/PopOver/index-DXR53rKr.js";
+import { M as MenuPopOver } from "./subcomponents/PopOver/index-B3d9Xop9.js";
 import clsx from "clsx";
 const AccountPopover = (props) => {
   const {

package/components/AccountPopover/subcomponents/PopOver/{index-DXR53rKr.js → index-B3d9Xop9.js}

@@ -7,7 +7,7 @@ import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.j
 import { M as MyAvatar } from "../MyAvatar/index-B5TQqcPH.js";
 import { useState } from "react";
 import { P as Popover } from "../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
-import { I as Icon } from "../../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../../Icon/Icon-1jxG9mYZ.js";
 const MenuPopOver = (props) => {
   const {
     data,

package/components/AppBar/{AppBar-CpmJRHXq.js → AppBar-rzLpA1iD.js}

@@ -5,8 +5,8 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "./tests/utils-B28LDbSp.js";
 import { u as useAppBarUtilityClasses } from "./classes/index-DrzQShzd.js";
-import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as IconButton } from "../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { T as Typography } from "../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { I as IconButton } from "../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 import { I as Image } from "../Image/Image-BjqOt3pz.js";
 const AppBar = (props) => {
   const { onToggleVisible, children, companyLogo, companyName } = props;

package/components/CommonActions/components/ActionFormCancel/{index-BWZ3oUPG.js → index-CCqrtkkw.js}

@@ -6,7 +6,7 @@ import { useCallback, useEffect } from "react";
 import { u as useModal } from "../../../../hooks/useModal/index-DkNYHw5Z.js";
 import { u as useCommonActionsUtilityClasses } from "../../classes/index-BnG1pLyl.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index-BECQfhbC.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm/index-Du4Wb6aF.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm/index-DVVS1d13.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index-DW0XnDza.js → index-BZ-ICiJI.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/LoadingButton/index-CXen1vSI.js";
+import { L as LoadingButton } from "../../../mui_extended/LoadingButton/index-DBliEGUb.js";
 import { u as useCommonActionsUtilityClasses } from "../../classes/index-BnG1pLyl.js";
 function ActionFormIntro(props) {
   const { getLabel } = useModuleDictionary();

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index-DErGAOUy.js → index-C63xq8v-.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index-B9K5RQtZ.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index-a9Q_8L6L.js";
 function ColumnBooleanFormatter(props) {
   const { fieldValue, presentationType, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnIconFormatter/{index-CNlwgwG1.js → index-C0o3Obf3.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { d as dataGridClasses } from "../../classes/index-ugl1vhoP.js";
-import { I as Icon } from "../../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../../Icon/Icon-1jxG9mYZ.js";
 function ColumnIconFormatter(props) {
   const { getIconUrl } = props;
   return (obProps) => {

package/components/DataGrid/{index-B4eh2KBx.js → index-CXF-jGue.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DataGridRoot } from "./styles-rOw1DTul.js";
-import { T as Table } from "./subcomponents/Table/index-nVqo_960.js";
-import { A as Actions } from "./subcomponents/Actions/index-Cz5VirSp.js";
+import { T as Table } from "./subcomponents/Table/index-CgLk2xwC.js";
+import { A as Actions } from "./subcomponents/Actions/index-Bdr1sZqJ.js";
 import { a as FilterProvider } from "./contexts/FilterContext/index-DgNGxy-0.js";
 import { a as DataGridProvider } from "./contexts/DataGridContext/index-7snUVrBX.js";
 import { T as TEST_PROP_COLUMNS } from "./types-12wiiAcO.js";

package/components/DataGrid/subcomponents/Actions/{index-Cz5VirSp.js → index-Bdr1sZqJ.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { P as Pager } from "../../../mui_extended/Pager/index-D_lcvBDS.js";
-import { F as Filter } from "./subcomponents/Filter/index-C3GXpfqW.js";
-import { S as Settings } from "./subcomponents/Settings/index-DYBfpZuW.js";
+import { P as Pager } from "../../../mui_extended/Pager/index-uFAsf0va.js";
+import { F as Filter } from "./subcomponents/Filter/index-DPcezSDa.js";
+import { S as Settings } from "./subcomponents/Settings/index-pS8ki8XZ.js";
 import { R as RowsCount } from "./subcomponents/RowsCount/index-CyeBbxLE.js";
-import { D as Density } from "./subcomponents/Density/index-JfqmeSJS.js";
+import { D as Density } from "./subcomponents/Density/index-NkmFFbuS.js";
 import { u as useDataGrid } from "../../hooks/useDataGrid-BKzuMtRC.js";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { useModuleSkeleton, useModuleDictionary } from "@m4l/core";
 import { d as dictionary } from "../../dictionary-AjA8KM_q.js";
 import { shallow } from "zustand/shallow";
-import { M as MobileMenuActions } from "./subcomponents/MobileMenuActions/index-B-MlPeS0.js";
+import { M as MobileMenuActions } from "./subcomponents/MobileMenuActions/index-BfkwdvLN.js";
 function Actions(props) {
   const isXs = useResponsiveContainerStore((state) => state.isXs, shallow);
   const { rowHeights, classes } = useDataGrid();

package/components/DataGrid/subcomponents/Actions/subcomponents/Density/{index-JfqmeSJS.js → index-NkmFFbuS.js}

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useTheme } from "@mui/material";
 import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
-import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
 function Density() {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { rowHeights, currentRowHeightVariant, setRowHeightVariant, classes } = useDataGrid();

package/components/DataGrid/subcomponents/Actions/subcomponents/Filter/{index-C3GXpfqW.js → index-DPcezSDa.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { u as useFilters } from "../../../../hooks/useFilters-C-5BfOb8.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 import { useEnvironment } from "@m4l/core";
 import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
 function Filter() {

package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/{index-B-MlPeS0.js → index-BfkwdvLN.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
 import { u as useFilters } from "../../../../hooks/useFilters-C-5BfOb8.js";
-import { u as useModalSettings } from "../hooks/useModalSettings/index-C2c1t7sw.js";
-import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
+import { u as useModalSettings } from "../hooks/useModalSettings/index-tWvbJZXe.js";
+import { M as MenuActions } from "../../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
 const MobileMenuActions = () => {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { currentRowHeightVariant, setRowHeightVariant } = useDataGrid();

package/components/DataGrid/subcomponents/Actions/subcomponents/Settings/{index-DYBfpZuW.js → index-pS8ki8XZ.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 import { u as useDataGrid } from "../../../../hooks/useDataGrid-BKzuMtRC.js";
 import { useEnvironment } from "@m4l/core";
-import { u as useModalSettings } from "../hooks/useModalSettings/index-C2c1t7sw.js";
+import { u as useModalSettings } from "../hooks/useModalSettings/index-tWvbJZXe.js";
 function Settings() {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { classes } = useDataGrid();

package/components/DataGrid/subcomponents/Actions/subcomponents/Settings/subcomponents/ColumnsConfig/{index-9cNzvQYk.js → index-BWSNaRm1.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import DataGrid from "react-data-grid";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 import { W as WrapperColumnsConfig, D as DivSelColumns, a as WrapperDataGrid, C as ColumnActions } from "./styles-B6HR4Y1G.js";
 import { C as ColumnInteractiveCheckFormatter } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/index-8LLfJGSu.js";
 function getRowsFromColumnsConfig(columnsConfig) {

package/components/DataGrid/subcomponents/Actions/subcomponents/hooks/useModalSettings/{index-C2c1t7sw.js → index-tWvbJZXe.js}

@@ -5,8 +5,8 @@ import { useRef, useCallback } from "react";
 import { u as useDataGrid } from "../../../../../hooks/useDataGrid-BKzuMtRC.js";
 import { u as useModal } from "../../../../../../../hooks/useModal/index-DkNYHw5Z.js";
 import { D as DataGridRoot } from "../../../../../styles-rOw1DTul.js";
-import { C as ColumnsConfig } from "../../Settings/subcomponents/ColumnsConfig/index-9cNzvQYk.js";
-import { W as WindowBase } from "../../../../../../modal/WindowBase/index-BcT3jfae.js";
+import { C as ColumnsConfig } from "../../Settings/subcomponents/ColumnsConfig/index-BWSNaRm1.js";
+import { W as WindowBase } from "../../../../../../modal/WindowBase/index-DzrmeP5F.js";
 import { A as Actions } from "../../../../../../CommonActions/components/Actions/index-B4L6Y4pL.js";
 import { A as ActionCancel } from "../../../../../../CommonActions/components/ActionCancel/index-CI0Yqh5P.js";
 import { A as ActionIntro } from "../../../../../../CommonActions/components/ActionIntro/index-CCc2O0ve.js";

package/components/DataGrid/subcomponents/Table/hooks/{useSortColumnsRows-Bt8sLfEW.js → useSortColumnsRows-DCXxeSKv.js}

@@ -1,6 +1,6 @@
 import { useState, useEffect, useMemo } from "react";
 import { g as getDragHeaderRenderer } from "./getDragHeaderRenderer-ByAzKIlx.js";
-import { A as ActionsColumn } from "../subcomponents/ActionsColumn-jZbDAc12.js";
+import { A as ActionsColumn } from "../subcomponents/ActionsColumn-B3UXBUtV.js";
 import { f as filterColumnClassName, S as SelectColumn } from "../subcomponents/SelectColumn-XdTn-CNL.js";
 import { useModuleSkeleton, getPropertyByString } from "@m4l/core";
 import { u as useFilters } from "../../../hooks/useFilters-C-5BfOb8.js";

package/components/DataGrid/subcomponents/Table/{index-nVqo_960.js → index-CgLk2xwC.js}

@@ -5,7 +5,7 @@ import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 import { C as CheckboxFormatter } from "./subcomponents/CheckboxFormatter-tKqOCQR4.js";
 import { a as filterHeight } from "./subcomponents/SelectColumn-XdTn-CNL.js";
-import { u as useSortColumnsRows } from "./hooks/useSortColumnsRows-Bt8sLfEW.js";
+import { u as useSortColumnsRows } from "./hooks/useSortColumnsRows-DCXxeSKv.js";
 import { u as useFilters } from "../../hooks/useFilters-C-5BfOb8.js";
 import { u as useDataGrid } from "../../hooks/useDataGrid-BKzuMtRC.js";
 function Table(props) {

package/components/DataGrid/subcomponents/Table/subcomponents/{ActionsColumn-jZbDAc12.js → ActionsColumn-B3UXBUtV.js}

@@ -2,7 +2,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { u as useDataGrid } from "../../../hooks/useDataGrid-BKzuMtRC.js";
 import { useTheme } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../../constants-BIS3UfHs.js";
-import { M as MenuActions } from "../../../../mui_extended/MenuActions/MenuActions-Dxsk2iZ_.js";
+import { M as MenuActions } from "../../../../mui_extended/MenuActions/MenuActions-BGQRB0go.js";
 function ActionsFormatter(props) {
   const { rowActionsGetter, classes } = useDataGrid();
   const theme = useTheme();

package/components/DragResizeWindow/slots/DragResizeWindowSlots.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").DragResizeWindowOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DragResizeWindowOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const IconResizeFormatterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").DragResizeWindowOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DragResizeWindowOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;

package/components/DynamicFilter/{DynamicFilter-v3KSDetp.js → DynamicFilter-CvcLkbeM.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
-import { D as DynamicFilterProvider } from "./store/DynamicFilterContext--lBOTDWD.js";
-import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/DynamicFilterBase-BKKR9x6s.js";
+import { D as DynamicFilterProvider } from "./store/DynamicFilterContext-ynO0d4LR.js";
+import { D as DynamicFilterBase } from "./subcomponents/DynamicFilterBase/DynamicFilterBase-Bltkd-fB.js";
 function DynamicFilter(props) {
   const hasPresentFlags = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
   if (!hasPresentFlags) {

package/components/DynamicFilter/helpers/{formatToInitialFilters-BaUwBAh0.js → formatToInitialFilters-Bz6usYxf.js}

@@ -1,4 +1,4 @@
-import { f as filterValidOperandsArraySelect } from "../subcomponents/FieldTypes/SelectFilter/helpers-DCDBtvvA.js";
+import { f as filterValidOperandsArraySelect } from "../subcomponents/FieldTypes/SelectFilter/helpers--33GiR_E.js";
 function formatToInitialFilters(appliedFilters) {
   return appliedFilters.map((appliedFilter) => {
     const ret = {

package/components/DynamicFilter/helpers/{getPurgedInitialFiltersApplied-DmqaQYXJ.js → getPurgedInitialFiltersApplied-CVyNGpdo.js}

@@ -1,4 +1,4 @@
-import { f as fieldFactory } from "../subcomponents/FieldTypes/fieldFactory-Duu1aGXd.js";
+import { f as fieldFactory } from "../subcomponents/FieldTypes/fieldFactory-C5-dzeV0.js";
 function getPurgedInitialFiltersApplied(fields, initialFilters, getFieldByName) {
   const newFilters = [];
   const fixedFields = [];

package/components/DynamicFilter/slots/{dynamicFilterSlots-C8IBJUmf.js → dynamicFilterSlots-CZy1gyQT.js}

@@ -3,10 +3,10 @@ import { D as DYNAMIC_FILTER_KEY_COMPONENT } from "../constants-ByqmFATV.js";
 import { D as DynamicFilterSlots } from "./SlotsEnum-cawFeNzx.js";
 import { d as dynamicFilterStyles } from "../../../styles/DynamicFilter.styles-D8LjTKKv.js";
 import { MenuItem } from "@mui/material";
-import { I as IconButton } from "../../mui_extended/IconButton/IconButton-B3bJhoym.js";
-import { T as Typography } from "../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
+import { T as Typography } from "../../mui_extended/Typography/Typography-CiRwBv1u.js";
 import { A as Actions } from "../../CommonActions/components/Actions/index-B4L6Y4pL.js";
-import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover-B9KxhzxZ.js";
 const RootStyled = styled("div", { name: DYNAMIC_FILTER_KEY_COMPONENT, slot: DynamicFilterSlots.root })(
   dynamicFilterStyles?.root

package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const InnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const InputFilterStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const InputFilterInputStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, {}>;
@@ -16,13 +16,13 @@ export declare const InputFilterIconStyled: import("@emotion/styled").StyledComp
 }, {}, {}>;
 export declare const AppliedFiltersStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const AppliedFilterInnerContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const AppliedFilterChipStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const AppliedFilterChipIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
@@ -43,10 +43,10 @@ export declare const AppliedFilterChipRemoveButtonStyled: import("@emotion/style
 }, {}, {}>;
 export declare const ActionsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const ActionsSkeletonButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const ActionsClearButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/IconButton/types").IconButtonProps, keyof import("../../mui_extended/IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
@@ -58,7 +58,7 @@ export declare const PopoverMenuStyled: import("@emotion/styled").StyledComponen
 }, {}, {}>;
 export declare const PopoverMenuItemStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "children" | "className" | "style" | "action" | "divider" | "dense" | "disabled" | "sx" | "classes" | "autoFocus" | "tabIndex" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters">, "value" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "action" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "divider" | "dense" | "disabled" | "sx" | "classes" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-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" | "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" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
+}, "children" | "className" | "style" | "action" | "divider" | "dense" | "disabled" | "sx" | "classes" | "autoFocus" | "tabIndex" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters">, "value" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "action" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "divider" | "dense" | "disabled" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-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" | "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" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const PopoverMenuItemIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
@@ -66,16 +66,16 @@ export declare const PopoverMenuItemIconStyled: import("@emotion/styled").Styled
 }, {}, {}>;
 export declare const PopoverMenuItemLabelStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const PopoverStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Popover/types").PopoverProps, keyof import("../../mui_extended/Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const PopoverContainerFieldsStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const PopoverHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const PopoverHeaderIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").DynamicFilterOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/DynamicFilter/store/{DynamicFilterContext--lBOTDWD.js → DynamicFilterContext-ynO0d4LR.js}

@@ -4,10 +4,10 @@ import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
-import { c as createAreaStore } from "./DynamicFilterStore-gRcQMM1O.js";
+import { c as createAreaStore } from "./DynamicFilterStore-BLtpFLRr.js";
 import { A as ALL_FIELD } from "../constants-ByqmFATV.js";
 import { f as formatToRawFilter } from "../helpers/formatToRowFilter-m6xHKcg4.js";
-import { f as formatToInitialFilters } from "../helpers/formatToInitialFilters-BaUwBAh0.js";
+import { f as formatToInitialFilters } from "../helpers/formatToInitialFilters-Bz6usYxf.js";
 const DynamicFilterContext = createContext(null);
 function DynamicFilterProvider(props) {
   const {

package/components/DynamicFilter/store/{DynamicFilterStore-gRcQMM1O.js → DynamicFilterStore-BLtpFLRr.js}

@@ -1,7 +1,7 @@
 import { createStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { g as getPurgedInitialFiltersApplied } from "../helpers/getPurgedInitialFiltersApplied-DmqaQYXJ.js";
+import { g as getPurgedInitialFiltersApplied } from "../helpers/getPurgedInitialFiltersApplied-CVyNGpdo.js";
 function updateAvailableFields(state) {
   state.availableFields = state.fields.filter((field) => {
     if (field.multiple === void 0 || field.multiple) {

package/components/DynamicFilter/store/{useDynamicFilterStore-DCb7nm--.js → useDynamicFilterStore-BZzyjtRB.js}

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

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{AppliedFilterChip-B4DRhURd.js → AppliedFilterChip-C5XrN_j_.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { u as useAppliedFilterChip } from "./useAppliedFilterChip-fKrt0rUG.js";
-import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots-C8IBJUmf.js";
+import { u as useAppliedFilterChip } from "./useAppliedFilterChip-CZ_cJEU2.js";
+import { A as AppliedFilterChipStyled, a as AppliedFilterChipIconStyled, b as AppliedFilterChipInfoStyled, c as AppliedFilterChipInfoFieldNameStyled, d as AppliedFilterChipInfoOperatorStyled, e as AppliedFilterChipInfoOperandsStyled, f as AppliedFilterChipRemoveButtonStyled } from "../../slots/dynamicFilterSlots-CZy1gyQT.js";
 function AppliedFilterChip(props) {
   const { fixed } = props;
   const { onEditFilter, onDelete, iconFieldUrl, removeIconUrl, labels } = useAppliedFilterChip(props);

package/components/DynamicFilter/subcomponents/AppliedFilterChip/{useAppliedFilterChip-fKrt0rUG.js → useAppliedFilterChip-CZ_cJEU2.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DCb7nm--.js";
-import { f as fieldFactory } from "../FieldTypes/fieldFactory-Duu1aGXd.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-BZzyjtRB.js";
+import { f as fieldFactory } from "../FieldTypes/fieldFactory-C5-dzeV0.js";
 function useAppliedFilterChip(filter) {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();

package/components/DynamicFilter/subcomponents/AppliedFilters/{AppliedFilters-CqdFDKlB.js → AppliedFilters-B_-BWr0E.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { S as ScrollBar } from "../../../ScrollBar/index-1MJx3e_h.js";
-import { u as useAppliedFilters } from "./useAppliedFilters-S6kMJ9l7.js";
-import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots-C8IBJUmf.js";
-import { A as AppliedFilterChip } from "../AppliedFilterChip/AppliedFilterChip-B4DRhURd.js";
+import { u as useAppliedFilters } from "./useAppliedFilters-B-3y5nm9.js";
+import { g as AppliedFiltersStyled, h as AppliedFilterInnerContainerStyled } from "../../slots/dynamicFilterSlots-CZy1gyQT.js";
+import { A as AppliedFilterChip } from "../AppliedFilterChip/AppliedFilterChip-C5XrN_j_.js";
 function AppliedFilters() {
   const { appliedFiltersSorted, isSkeleton } = useAppliedFilters();
   if (isSkeleton) {

package/components/DynamicFilter/subcomponents/AppliedFilters/{useAppliedFilters-S6kMJ9l7.js → useAppliedFilters-B-3y5nm9.js}

@@ -1,4 +1,4 @@
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DCb7nm--.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-BZzyjtRB.js";
 function useAppliedFilters() {
   const appliedFilter = useDynamicFilterStore((state) => state.appliedFilters);
   const isSkeleton = useDynamicFilterStore((state) => state.ownerState.isSkeleton);

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{DynamicFilterBase-BKKR9x6s.js → DynamicFilterBase-Bltkd-fB.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useDynamicFilterBase } from "./useDynamicFilterBase-DiFLMhrI.js";
+import { u as useDynamicFilterBase } from "./useDynamicFilterBase-C_hAonOE.js";
 import { a as getPropDataTestId } from "../../../../test/getNameDataTestId-BaBTWhBr.js";
-import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots-C8IBJUmf.js";
+import { R as RootStyled, I as InnerContainerStyled } from "../../slots/dynamicFilterSlots-CZy1gyQT.js";
 import { D as DynamicFilterSlots } from "../../slots/SlotsEnum-cawFeNzx.js";
-import { I as InputFilter } from "../InputFilter/InputFilter-Bj8INNYl.js";
-import { A as AppliedFilters } from "../AppliedFilters/AppliedFilters-CqdFDKlB.js";
-import { F as FilterActions } from "../FilterActions/FilterActions-Czdl47x4.js";
-import { P as PopoverFilter } from "../PopoverFilter/PopoverFilter-BwhQfSyo.js";
+import { I as InputFilter } from "../InputFilter/InputFilter-4DhLdUlH.js";
+import { A as AppliedFilters } from "../AppliedFilters/AppliedFilters-B_-BWr0E.js";
+import { F as FilterActions } from "../FilterActions/FilterActions-HHdJ9mCo.js";
+import { P as PopoverFilter } from "../PopoverFilter/PopoverFilter-pSAemlic.js";
 function DynamicFilterBase() {
   const { ownerState, dataTestId } = useDynamicFilterBase();
   return /* @__PURE__ */ jsx(

package/components/DynamicFilter/subcomponents/DynamicFilterBase/{useDynamicFilterBase-DiFLMhrI.js → useDynamicFilterBase-C_hAonOE.js}

@@ -1,4 +1,4 @@
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-DCb7nm--.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore-BZzyjtRB.js";
 function useDynamicFilterBase() {
   const ownerState = useDynamicFilterStore((state) => state.ownerState);
   const dataTestId = useDynamicFilterStore((state) => state.dataTestId);

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{helpers-CLkeajZ1.js → helpers-BvtmDo0M.js}

@@ -1,7 +1,7 @@
 import * as Yup from "yup";
 import { g as getDynamicFilterDictionary } from "../../../dictionary-CNZO5wD-.js";
 import { B as BOOLEAN_OPERATORS } from "../../../constants-ByqmFATV.js";
-import { B as BooleanFilter } from "./index-w4VZQ4A6.js";
+import { B as BooleanFilter } from "./index-m4Wkv_3f.js";
 class BooleanFilterHelpers {
   getComponent() {
     return BooleanFilter;

package/components/DynamicFilter/subcomponents/FieldTypes/BooleanFilter/{index-w4VZQ4A6.js → index-m4Wkv_3f.js}

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
 import { B as BOOLEAN_OPERATORS } from "../../../constants-ByqmFATV.js";
 import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary-CNZO5wD-.js";
-import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete-CXEIRzzx.js";
+import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete-CJnpp5nw.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(