@m4l/components 9.2.61 → 9.2.62

package/@types/types.d.ts

@@ -148,6 +148,7 @@ import { ScrollBarOwnerState, ScrollBarSlotsType } from '../components/ScrollBar
 
 import { SplitLayoutOwnerState } from '../components/extended/React-resizable-panels/types';
 import { ObjectLogsOwnerState, ObjectLogsSlotsType } from '../components/ObjectLogs/types';
+import { LanguagePopoverOwnerState, LanguagePopoverSlotsType } from '../components/LanguagePopover/types';
 declare module '@mui/material/styles' {
   // Define the slots in the theme
   interface ComponentNameToClassKey {
@@ -226,6 +227,7 @@ declare module '@mui/material/styles' {
     M4LScrollbar: ScrollBarSlotsType;
     M4LSplitLayout: SplitLayoutOwnerState;
     M4LObjectLogs: ObjectLogsSlotsType;
+    M4LLanguagePopover: LanguagePopoverSlotsType;
   }
   interface ComponentsPropsList {
     // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
@@ -304,6 +306,7 @@ declare module '@mui/material/styles' {
     M4LScrollBar: Partial<ScrollBarOwnerState>;
     M4LSplitLayout: Partial<SplitLayoutOwnerState>;
     M4LObjectLogs: Partial<ObjectLogsOwnerState>;
+    M4LLanguagePopover: Partial<LanguagePopoverOwnerState>;
   }
   interface Components {
     M4LDynamicFilter?: {
@@ -691,5 +694,10 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LObjectLogs'];
       variants?: ComponentsVariants['M4LObjectLogs'];
     };
+    M4LLanguagePopover?: {
+      defaultProps?: ComponentsPropsList['M4LLanguagePopover'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LLanguagePopover'];
+      variants?: ComponentsVariants['M4LLanguagePopover'];
+    };
   }
 }

package/components/Chip/Chip.js

@@ -28,16 +28,14 @@ const Chip = forwardRef((props, ref) => {
   const { currentSize } = useComponentSize(size);
   const isSkeleton = useModuleSkeleton();
   const { host_static_assets, environment_assets } = useEnvironment();
-  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
   const ownerState = useMemo(() => ({
     interactive: !!onClick,
-    size: adjustedSize,
-    chipSize: adjustedSize,
+    size: currentSize,
     variant,
     color,
     opacity,
     externalColor
-  }), [adjustedSize, variant, color, opacity, externalColor, onClick]);
+  }), [currentSize, variant, color, opacity, externalColor, onClick]);
   const renderIcon = useMemo(() => (icon, instaceDataTestId) => {
     if (!icon) {
       return null;
@@ -50,12 +48,12 @@ const Chip = forwardRef((props, ref) => {
         {
           ownerState: { ...ownerState },
           src: icon,
-          size: adjustedSize,
+          size: currentSize,
           instaceDataTestId
         }
       );
     }
-  }, [ownerState, adjustedSize]);
+  }, [ownerState, currentSize]);
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(
       SkeletonChipStyled,
@@ -75,7 +73,7 @@ const Chip = forwardRef((props, ref) => {
     ChipRootStyled,
     {
       role: "button-chip",
-      size: adjustedSize,
+      size: currentSize,
       onClick,
       ownerState: { ...ownerState },
       className: clsx(className, CHIP_CLASSES.root),
@@ -85,17 +83,18 @@ const Chip = forwardRef((props, ref) => {
       ...others,
       children: [
         renderIcon(startIcon, "ChipStartIcon"),
-        /* @__PURE__ */ jsx(TextChipStyled, { size: adjustedSize, ownerState: { ...ownerState }, color, children: label }),
+        /* @__PURE__ */ jsx(TextChipStyled, { size: currentSize, ownerState: { ...ownerState }, color, children: label }),
         renderIcon(endIcon, "ChipEndIcon"),
         onDeleted && /* @__PURE__ */ jsx(
           IconButtonStyled,
           {
             ...iconButtonProps,
             src: iconClose,
-            size: adjustedSize,
+            size: currentSize,
             ownerState: { ...ownerState },
             onClick: handleDelete,
-            disabled: disabledDeleteButton
+            disabled: disabledDeleteButton,
+            className: CHIP_CLASSES.closeIcon
           }
         )
       ]

package/components/Chip/ChipStyles.js

@@ -43,8 +43,8 @@ const chipStyles = {
       display: "flex",
       alignItems: "center",
       padding: theme.vars.size.baseSpacings.sp1,
-      paddingRight: 0,
       borderRadius: theme.vars.size.borderRadius["r0-5"],
+      gap: theme.vars.size.baseSpacings["sp0-5"],
       width: "max-content",
       cursor: "pointer",
       color,
@@ -72,6 +72,17 @@ const chipStyles = {
         border: `${theme.vars.size.borderStroke.container}`,
         borderColor: bgColor
       },
+      "&&& .M4LChip-closeIcon": {
+        ...getSizeStyles(
+          theme,
+          ownerState?.size || "medium",
+          "base",
+          (size) => ({
+            height: size,
+            width: size
+          })
+        )
+      },
       variants: []
     };
   },
@@ -81,7 +92,7 @@ const chipStyles = {
   textChip: ({ theme }) => ({
     whiteSpace: "nowrap",
     paddingLeft: theme.vars.size.baseSpacings.sp1,
-    paddingRight: theme.vars.size.baseSpacings.sp2
+    paddingRight: theme.vars.size.baseSpacings.sp1
   }),
   /**
    * Styles for the chip icon element.

package/components/Chip/constants.d.ts

@@ -1,3 +1,4 @@
+import { ChipSlots, ChipComplementaryClasses } from './slots/ChipEnum';
 /**
  * Clave de identificación del componente Chip dentro del sistema.
  *
@@ -6,6 +7,14 @@
  * @default 'M4LChip'
  */
 export declare const CHIP_KEY_COMPONENT = "M4LChip";
+export declare const COMBINED_CHIP_ENUMS: {
+    closeIcon: ChipComplementaryClasses.closeIcon;
+    root: ChipSlots.root;
+    skeletonChip: ChipSlots.skeletonChip;
+    chipIcon: ChipSlots.chipIcon;
+    textChip: ChipSlots.textChip;
+    iconButton: ChipSlots.iconButton;
+};
 /**
  * Inventario de clases CSS para el componente Chip
  */

package/components/Chip/constants.js

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

package/components/Chip/slots/ChipEnum.d.ts

@@ -5,3 +5,6 @@ export declare enum ChipSlots {
     textChip = "text",
     iconButton = "iconButton"
 }
+export declare enum ChipComplementaryClasses {
+    closeIcon = "closeIcon"
+}

package/components/Chip/slots/ChipEnum.js

@@ -6,6 +6,11 @@ var ChipSlots = /* @__PURE__ */ ((ChipSlots2) => {
   ChipSlots2["iconButton"] = "iconButton";
   return ChipSlots2;
 })(ChipSlots || {});
+var ChipComplementaryClasses = /* @__PURE__ */ ((ChipComplementaryClasses2) => {
+  ChipComplementaryClasses2["closeIcon"] = "closeIcon";
+  return ChipComplementaryClasses2;
+})(ChipComplementaryClasses || {});
 export {
-  ChipSlots as C
+  ChipComplementaryClasses as C,
+  ChipSlots as a
 };

package/components/Chip/slots/ChipSlots.js

@@ -1,7 +1,7 @@
 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 ChipSlots } from "./ChipEnum.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";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";

package/components/DataGrid/Datagrid.styles.js

@@ -22,7 +22,7 @@ const dataGridStyles = {
     height: "100%",
     width: "100%",
     flex: 1,
-    overflow: "auto",
+    overflow: "hidden",
     "& .rdg .MuiCheckbox-root": {
       "& > svg": {
         color: theme.vars.palette.text.secondary
@@ -60,23 +60,17 @@ const dataGridStyles = {
   /**
    * Estilos del contenedor de las acciones
    */
-  actionsRoot: ({ theme, ownerState }) => ({
+  actionsRoot: ({ theme }) => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
     background: theme.vars.palette.background.default,
     borderRadius: theme.vars.size.borderRadius.r1,
     gap: theme.vars.size.baseSpacings.sp1,
-    // Tamaño del contenedor
-    ...getSizeStyles(
-      theme,
-      ownerState?.size || "medium",
-      "container",
-      (size) => ({
-        minHeight: size,
-        height: size
-      })
-    ),
+    height: "fit-content",
+    ...theme.generalSettings.isMobile && {
+      minHeight: theme.vars.size.baseSpacings.sp10
+    },
     "& .mobile-menu-actions": {
       marginRight: "auto"
     }
@@ -92,7 +86,8 @@ const dataGridStyles = {
     borderRadius: theme.vars.size.borderRadius.r2,
     border: theme.vars.size.borderStroke.container,
     borderColor: theme.vars.palette?.border.disabled,
-    padding: theme.vars.size.baseSpacings.sp1
+    padding: theme.vars.size.baseSpacings.sp1,
+    boxShadow: theme.vars.customShadows?.z1
   }),
   /**
    * Estilos para el contenedor de las acciones derecho

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js

@@ -17,6 +17,7 @@ function getComparator(columns, sortColumn) {
     return column.customSort;
   }
   switch (typeOrder) {
+    //Si el tipo de dato de la columna es un numerico, retorna una función de ordenamiento numérica
     case "number":
       return (a, b) => {
         try {
@@ -25,6 +26,7 @@ function getComparator(columns, sortColumn) {
           return -1;
         }
       };
+    //Por defecto retorna una función de ordenamiento de string
     default:
       return (a, b) => {
         try {

package/components/DynamicFilter/DynamicFilter.styles.js

@@ -2,50 +2,59 @@ import { g as getTypographyStyles } from "../../utils/getTypographyStyles.js";
 import { g as getSizeStyles } from "../../utils/getSizeStyles/getSizeStyles.js";
 const CONTAINER_QUERY_NAME = "dynamic";
 const dynamicFilterStyles = {
-  root: {
+  /**
+   * root: Estilos del contenedor principal del componente.
+   */
+  root: ({ theme, ownerState }) => ({
     containerName: CONTAINER_QUERY_NAME,
     containerType: "inline-size",
     width: "100%",
     height: "auto",
-    padding: 0
-  },
+    padding: 0,
+    ...getSizeStyles(
+      theme,
+      ownerState?.size || "medium",
+      "container",
+      (size) => ({
+        height: size,
+        maxHeight: size,
+        minHeight: size
+      })
+    )
+  }),
   /**
    * innerContainer: Estilos del contenedor interno del componente.
    */
   innerContainer: ({ theme, ownerState }) => ({
-    display: "grid",
-    gridTemplateColumns: "auto 1fr auto",
-    gridTemplateAreas: '"input-filter applied-filters actions-filter"',
+    display: "flex",
     alignItems: "center",
     justifyContent: "flex-start",
     width: "100%",
     height: "fit-content",
-    border: theme.vars.size.borderStroke.container,
-    borderRadius: theme.vars.size.borderRadius.r1,
-    borderColor: ownerState?.isValid ? theme.vars.palette.border?.default : theme.vars.palette.error.enabled,
+    borderRadius: theme.vars.size.borderRadius.r2,
     background: theme.vars.palette.background.default,
+    boxShadow: ownerState?.isValid ? `inset 0px 0px 0px 1px ${theme.vars.palette.border.default}` : `inset 0px 0px 0px 1px ${theme.vars.palette.error.enabled}`,
+    overflow: "hidden",
     '&:has([aria-expanded="true"])': {
-      borderColor: ownerState?.isValid ? theme.vars.palette.primary.active : theme.vars.palette.error.enabled
+      boxShadow: ownerState?.isValid ? `inset 0px 0px 0px 1.3px ${theme.vars.palette.border.main}` : `inset 0px 0px 0px 1px ${theme.vars.palette.error.enabled}`
     }
   }),
   /**
    * inputFilter: Estilos del contenedor del campo de entrada de filtrado.
    */
   inputFilter: ({ theme, ownerState }) => ({
-    gridArea: "input-filter",
     display: "flex",
     flexDirection: "row",
-    paddingLeft: theme.vars.size.baseSpacings.sp1,
+    paddingLeft: theme.vars.size.baseSpacings.sp2,
     paddingRight: theme.vars.size.baseSpacings.sp1,
     height: "100%",
     overflow: "hidden",
-    maxWidth: "135px",
+    maxWidth: "120px",
     width: "100%",
     alignItems: "center",
     borderTopLeftRadius: theme.vars.size.borderRadius.r1,
     borderBottomLeftRadius: theme.vars.size.borderRadius.r1,
-    borderRight: theme.vars.size.borderStroke.container,
-    borderColor: theme.vars.palette.border?.default,
+    background: "#ffffff00",
     ...getSizeStyles(
       theme,
       ownerState?.size || "medium",
@@ -59,6 +68,8 @@ const dynamicFilterStyles = {
    * inputFilterInput: Estilos del campo de entrada de filtrado.
    */
   inputFilterInput: ({ theme, ownerState }) => ({
+    width: "100%",
+    background: "#ffffff00",
     ...getSizeStyles(
       theme,
       ownerState?.size || "medium",
@@ -69,12 +80,12 @@ const dynamicFilterStyles = {
         maxHeight: size
       })
     ),
+    fontFamily: "inherit",
     ...getTypographyStyles(
       theme.generalSettings.isMobile,
       ownerState?.size || "medium",
       "body"
     ),
-    background: theme.vars.palette.background.default,
     color: theme.vars.palette.text.secondary,
     border: 0,
     borderColor: "transparent",
@@ -86,33 +97,40 @@ const dynamicFilterStyles = {
     },
     "&:focus-visible": {
       color: theme.vars.palette.text.secondary,
-      border: theme.vars.size.borderStroke.container,
+      border: "unset",
       borderColor: theme.vars.palette.primary.opacity,
-      background: theme.vars.palette.primary.opacity,
       BorderRadius: theme.vars.size.borderRadius["r0-5"],
       outline: "none!important"
-    },
-    "&:hover": {
-      borderColor: theme.vars.palette.primary?.toneOpacity,
-      background: theme.vars.palette.background?.hover
     }
   }),
   /**
    * appliedFilters: Estilos del contenedor de los filtros aplicados.
    */
-  appliedFilters: ({ theme }) => ({
-    gridArea: "applied-filters",
+  appliedFilters: ({ theme, ownerState }) => ({
     width: "100%",
     height: "fit-content",
-    overflow: "hidden",
+    display: "flex",
+    alignItems: "center",
     borderLeft: "none",
     margin: "0px",
-    padding: `0px ${theme.vars.size.baseSpacings.sp1}`
+    padding: `0px ${theme.vars.size.baseSpacings.sp1}`,
+    flex: 1,
+    overflow: "hidden",
+    ...getSizeStyles(
+      theme,
+      ownerState?.size || "medium",
+      "container",
+      (size) => ({
+        height: size,
+        maxHeight: size,
+        minHeight: size
+      })
+    )
   }),
   /**
    * appliedFilterInnerContainer: Estilos del contenedor interno de los filtros aplicados.
    */
-  appliedFilterInnerContainer: ({ theme }) => ({
+  appliedFilterInnerContainer: ({ theme, ownerState }) => ({
     padding: theme.vars.size.baseSpacings["sp0-5"],
     gap: theme.vars.size.baseSpacings.sp1,
     height: "fit-content",
@@ -122,7 +140,24 @@ const dynamicFilterStyles = {
     justifyContent: "flex-start",
     alignItems: "center",
     overflow: "auto hidden",
-    position: "relative"
+    position: "relative",
+    "& .M4LChip-root": {
+      borderRadius: theme.vars.size.borderRadius.r1,
+      ...getSizeStyles(
+        theme,
+        ownerState?.size || "medium",
+        "action",
+        (size) => ({
+          height: size
+        })
+      ),
+      "& .M4LIconButton-styledMUIIconButton:hover": {
+        backgroundColor: `${theme.vars.palette.chips.error.contained.backgroundHover} !important`,
+        "& .M4LIcon-icon": {
+          backgroundColor: `${theme.vars.palette.chips.error.contained.backgroundColorTone} !important`
+        }
+      }
+    }
   }),
   /**
    * actions: Estilos del contenedor de los botones de acción.
@@ -138,19 +173,32 @@ const dynamicFilterStyles = {
     alignItems: "center",
     borderTopRightRadius: theme.vars.size.borderRadius.r1,
     borderBottomRightRadius: theme.vars.size.borderRadius.r1,
-    borderLeft: !ownerState?.visibleRefresh && !ownerState?.isDirty ? "none" : theme.vars.size.borderStroke.container,
-    borderColor: theme.vars.palette.border?.default
+    boxShadow: `inset 1px 0px 0px 0px ${theme.vars.palette.border.default}`,
+    ...!ownerState?.visibleRefresh && !ownerState?.isDirty && {
+      display: "none"
+    },
+    ...ownerState?.inEdition && ownerState?.isValid && {
+      boxShadow: `inset 1px 0px 0px 0px ${theme.vars.palette.border.main}`
+    },
+    ...!ownerState?.isValid && {
+      boxShadow: `inset 1px 0px 0px 0px ${theme.vars.palette.error.enabled}`
+    }
+  }),
+  /**
+   * actionsClearButton: Estilos del botón de acción de limpiar.
+   */
+  actionsClearButton: ({ theme }) => ({
+    "&:hover": {
+      backgroundColor: `${theme.vars.palette.chips.error.contained.backgroundHover} !important`,
+      "& .M4LIcon-icon": {
+        backgroundColor: `${theme.vars.palette.chips.error.contained.backgroundColorTone} !important`
+      }
+    }
   }),
-  actionsClearButton: {
-    visibility: "visible"
-  },
   /**
    * actionsSubmitButton: Estilos del botón de acción de filtrado.
    */
   actionsSubmitButton: ({ theme, ownerState }) => ({
-    ...ownerState?.isValid === false ? { border: `1px dashed ${theme.vars.palette.error.enabled}` } : {
-      visibility: "visible"
-    },
     ...ownerState?.isDirty ? {
       animation: "changeBgColor 0.9s ease infinite",
       "& .M4LIcon-icon": {
@@ -202,66 +250,19 @@ const dynamicFilterStyles = {
         minWidth: "220px",
         maxWidth: "420px",
         height: "fit-content"
+      },
+      "& .M4LWindowBase-root": {
+        border: "unset!important",
+        "& .M4LWindowBase-headerWindowComponent": {
+          cursor: "unset"
+        }
       }
     }
   }),
-  /**
-   * popoverFilterHeader: Estilos del encabezado del menú emergente de filtro.
-   */
-  popoverFilterHeader: ({ theme, ownerState }) => ({
-    display: "flex",
-    alignItems: "center",
-    gap: theme.vars.size.baseSpacings.sp2,
-    padding: theme.vars.size.baseSpacings.sp1,
-    paddingLeft: theme.vars.size.baseSpacings.sp2,
-    borderTopLeftRadius: theme.vars.size.borderRadius.r1,
-    borderTopRightRadius: theme.vars.size.borderRadius.r1,
-    borderBottom: theme.vars.size.borderStroke.container,
-    borderColor: theme.vars.palette.border.secondary,
-    "& .M4LIcon-icon": {
-      backgroundColor: theme.vars.palette.primary.main
-    },
-    ...getSizeStyles(
-      theme,
-      ownerState?.size || "medium",
-      "container",
-      (size) => ({
-        height: size
-      })
-    )
-  }),
-  /**
-   * popoverFilterHeaderTitle: Estilos del título del menú emergente de filtro.
-   */
-  popoverFilterHeaderTitle: ({ theme }) => ({
-    color: `${theme.vars.palette.primary.main} !important`
-  }),
-  /**
-   * popoverFilterContainerFields: Estilos del contenedor de campos del menú emergente de filtro.
-   */
-  popoverFilterContainerFields: ({ theme }) => ({
-    height: "fit-content",
-    "& > div": {
-      display: "flex",
-      flexDirection: "column",
-      gap: theme.vars.size.baseSpacings.sp2
-    }
-  }),
-  /**
-   * contentFilter: Estilos del contenedor entre el change filter y actions
-   */
-  contentFilter: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "column",
-    padding: theme.vars.size.baseSpacings.sp3,
-    gap: theme.vars.size.baseSpacings.sp3
-  }),
   /**
    * popoverFilterActions: Estilos del contenedor de acciones del menú emergente de filtro.
    */
-  popoverFilterActions: ({ theme }) => ({
-    padding: `${theme.vars.size.baseSpacings.sp3} 0px`
-  }),
+  popoverFilterActions: {},
   /**
    * inputSortInputSkeleton: Estilos del esqueleto del campo de entrada de ordenamiento.
    */
@@ -280,6 +281,14 @@ const dynamicFilterStyles = {
         maxHeight: size
       })
     )
+  }),
+  /**
+   * popoverFilterContainerFields: Estilos del contenedor de los campos del menú emergente de filtro.
+   */
+  popoverFilterContainerFields: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.vars.size.baseSpacings.sp4
   })
 };
 export {

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

@@ -11,9 +11,6 @@ export declare enum DynamicFilterSlots {
     popoverMenu = "popoverMenu",
     popoverFilter = "popoverFilter",
     popoverFilterContainerFields = "popoverFilterContainerFields",
-    popoverFilterHeader = "popoverFilterHeader",
-    contentFilter = "contentFilter",
-    popoverFilterHeaderTitle = "popoverFilterHeaderTitle",
     popoverFilterActions = "popoverFilterActions",
     inputFilterInputSkeleton = "inputFilterInputSkeleton"
 }

package/components/DynamicFilter/slots/SlotsEnum.js

@@ -11,9 +11,6 @@ var DynamicFilterSlots = /* @__PURE__ */ ((DynamicFilterSlots2) => {
   DynamicFilterSlots2["popoverMenu"] = "popoverMenu";
   DynamicFilterSlots2["popoverFilter"] = "popoverFilter";
   DynamicFilterSlots2["popoverFilterContainerFields"] = "popoverFilterContainerFields";
-  DynamicFilterSlots2["popoverFilterHeader"] = "popoverFilterHeader";
-  DynamicFilterSlots2["contentFilter"] = "contentFilter";
-  DynamicFilterSlots2["popoverFilterHeaderTitle"] = "popoverFilterHeaderTitle";
   DynamicFilterSlots2["popoverFilterActions"] = "popoverFilterActions";
   DynamicFilterSlots2["inputFilterInputSkeleton"] = "inputFilterInputSkeleton";
   return DynamicFilterSlots2;

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

@@ -34,15 +34,6 @@ export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pi
 export declare const PopoverContainerFieldsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ContentFilterStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopoverHeaderTitleStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
-    ownerState?: (Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
 export declare const PopoverHeaderActionsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../CommonActions/components/ActionsContainer').ActionsContainerProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../CommonActions/components/ActionsContainer').ActionsContainerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;

package/components/DynamicFilter/slots/dynamicFilterSlots.js

@@ -4,7 +4,6 @@ import { D 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";
-import { T as Typography } from "../../mui_extended/Typography/Typography.js";
 import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover.js";
 const RootStyled = styled("div", {
@@ -55,18 +54,6 @@ const PopoverContainerFieldsStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterContainerFields
 })(dynamicFilterStyles?.popoverFilterContainerFields);
-const PopoverHeaderStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterHeader
-})(dynamicFilterStyles?.popoverFilterHeader);
-const ContentFilterStyled = styled("div", {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.contentFilter
-})(dynamicFilterStyles?.contentFilter);
-const PopoverHeaderTitleStyled = styled(Typography, {
-  name: DYNAMIC_FILTER_KEY_COMPONENT,
-  slot: DynamicFilterSlots.popoverFilterHeaderTitle
-})(dynamicFilterStyles?.popoverFilterHeaderTitle);
 const PopoverHeaderActionsStyled = styled(ActionsContainer, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterActions
@@ -77,7 +64,6 @@ const InputFilterInputSkeletonStyled = styled(Skeleton, {
 })(dynamicFilterStyles?.inputFilterInputSkeleton);
 export {
   AppliedFiltersStyled as A,
-  ContentFilterStyled as C,
   InnerContainerStyled as I,
   PopoverStyled as P,
   RootStyled as R,
@@ -88,9 +74,7 @@ export {
   InputFilterStyled as e,
   InputFilterInputSkeletonStyled as f,
   InputFilterInputStyled as g,
-  PopoverHeaderStyled as h,
-  PopoverHeaderTitleStyled as i,
-  PopoverContainerFieldsStyled as j,
-  PopoverHeaderActionsStyled as k,
-  PopoverMenuStyled as l
+  PopoverContainerFieldsStyled as h,
+  PopoverHeaderActionsStyled as i,
+  PopoverMenuStyled as j
 };