@m4l/components 1.0.6 → 1.0.8

package/components/AccountPopover/{index.dba0c4c9.js → index.fbe7e445.js}

@@ -3,11 +3,11 @@ import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
-import { A as Avatar } from "../mui_extended/Avatar/index.3ba36655.js";
+import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.12b96914.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.4f5074c1.js";
-import { I as Icon } from "../Icon/index.f04409de.js";
+import { P as Popover } from "../mui_extended/Popover/index.2e637571.js";
+import { I as Icon } from "../Icon/index.3887ef2f.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.04359fea.js → index.88ae8b87.js}

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
+import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Image } from "../Image/index.1526ba76.js";
-import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.0adc5a75.js";
+import { I as Image } from "../Image/index.01f0cdca.js";
+import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
 const AppBarRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LAppBar?.styleOverrides
 }));

package/components/CommonActions/index.9d9c7d2d.js

@@ -0,0 +1,170 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect } from "react";
+import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { styled } from "@mui/material/styles";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { B as Button, L as LoadingButton } from "../mui_extended/Button/index.84b7159a.js";
+import { useFormContext, useFormState } from "react-hook-form";
+import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
+import { u as useWindowToolsMF } from "../areas/hooks/useWindowToolsMF/index.09801b66.js";
+import { W as WindowConfirm } from "../modal/WindowConfirm.a8f65450.js";
+import { generateUtilityClasses, Skeleton } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
+function getCommonActionsDictionary() {
+  return ["common_actions"];
+}
+const defaultCommonActionsDictionary = {
+  common_actions: {
+    cancel: "Cancel",
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
+  }
+};
+const componentName = "M4LCommonActions";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "skeleton",
+    "actionCancel",
+    "actionFormCancel",
+    "actionFormIntro",
+    "actionIntro",
+    "wrapperActions"
+  ]
+);
+const useCommonActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"],
+    actionCancel: ["actionCancel"],
+    actionFormCancel: ["actionFormCancel"],
+    actionFormIntro: ["actionFormIntro"],
+    actionIntro: ["actionIntro"],
+    wrapperActions: ["wrapperActions"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+const WrapperStandarActions = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LCommonActions?.styleOverrides
+}));
+const COMMONACTIONS_PREFIX = "M4LCommonActions";
+const getNameCommonActionsDataTestId = (KEY) => {
+  return `${COMMONACTIONS_PREFIX}-${KEY}`;
+};
+const Actions = forwardRef(function ActionsForwarded(props, ref) {
+  const { children, ...restProps } = props;
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    WrapperStandarActions,
+    {
+      ...restProps,
+      ref,
+      className: clsx(classes.root, restProps?.className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameCommonActionsDataTestId("root") } : {},
+      children
+    }
+  );
+});
+const ActionCancel = (props) => {
+  const { getLabel } = useModuleDictionary();
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "inherit", ...props, className: classes.actionCancel, children: getLabel("common_actions.cancel") });
+};
+const ACTIONINTRO_TEST_ID = "m4lactions";
+const ActionIntro = (props) => {
+  const { getLabel } = useModuleDictionary();
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: ACTIONINTRO_TEST_ID } : {},
+      variant: "contained",
+      type: "submit",
+      color: "primary",
+      className: classes.actionIntro,
+      ...props,
+      children: getLabel("common_actions.intro")
+    }
+  );
+};
+function ActionFormCancel() {
+  const { getLabel } = useModuleDictionary();
+  const { openModal } = useModal();
+  const { close: closeWindow, setFnQueryClose: setQueryClose } = useWindowToolsMF();
+  const { control } = useFormContext();
+  const { isDirty } = useFormState({
+    control
+  });
+  const onConfirmQuit = useCallback(() => {
+    closeWindow();
+  }, []);
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModal({
+        window: /* @__PURE__ */ jsx(
+          WindowConfirm,
+          {
+            variant: "warning",
+            title: getLabel("common_actions.confirm_quit_title"),
+            msg: getLabel("common_actions.confirm_quit_msg"),
+            onClickIntro: onConfirmQuit
+          }
+        ),
+        variant: "warning"
+      });
+    } else {
+      onConfirmQuit();
+    }
+  }, [getLabel, isDirty, openModal]);
+  useEffect(() => {
+    setQueryClose(onClickCancel);
+  }, [onClickCancel]);
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outlined",
+      color: "inherit",
+      onClick: onClickCancel,
+      className: classes.actionFormCancel,
+      children: getLabel("common_actions.cancel")
+    }
+  );
+}
+function ActionFormIntro(props) {
+  const { getLabel } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const { control } = useFormContext();
+  const { isSubmitting } = useFormState({
+    control
+  });
+  const classes = useCommonActionsUtilityClasses();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 57, height: 30 });
+  }
+  return /* @__PURE__ */ jsx(
+    LoadingButton,
+    {
+      variant: "contained",
+      type: "submit",
+      color: "primary",
+      loading: isSubmitting,
+      className: classes.actionFormIntro,
+      ...props,
+      children: getLabel("common_actions.intro")
+    }
+  );
+}
+export {
+  Actions as A,
+  ActionCancel as a,
+  ActionIntro as b,
+  ActionFormIntro as c,
+  ActionFormCancel as d,
+  defaultCommonActionsDictionary as e,
+  getCommonActionsDictionary as g
+};

package/components/DragResizeWindow/{index.5e316291.js → index.8b3e79f7.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.2df3b71a.js";
+import { D as DraggableCore_1 } from "../../react-draggable.0cc9b257.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP, C as COMPONENT_CLASS_NAME, D as DEFAULT_TRANSFORM_SCALE, a as MAP_ZINDEX_OVER_MAP$1 } from "../areas/constants.630a4f42.js";
+import { M as MAP_ZINDEX_OVER_MAP, C as COMPONENT_CLASS_NAME, D as DEFAULT_TRANSFORM_SCALE, a as MAP_ZINDEX_OVER_MAP$1 } from "../areas/constants.0d3ba950.js";
 import "@mui/base";
-import { R as Resizable } from "../../react-resizable.c60f3843.js";
+import { R as Resizable } from "../../react-resizable.837c446d.js";
 const WrapperWindowRoot = styled("div")`
   position: absolute;
   left: 0px;

package/components/DynamicFilter/dynamicFilterSlots.d.ts

@@ -23,9 +23,9 @@ export declare const AppliedFilterInnerContainerStyled: import("@emotion/styled"
 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>>, {}>;
-export declare const AppliedFilterChipIconStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+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>;
-}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+}, {}, {}>;
 export declare const AppliedFilterChipInfoStyled: 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").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
@@ -38,24 +38,24 @@ export declare const AppliedFilterChipInfoOperatorStyled: import("@emotion/style
 export declare const AppliedFilterChipInfoOperandsStyled: 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<HTMLSpanElement>, HTMLSpanElement>, keyof import("react").ClassAttributes<HTMLSpanElement> | keyof import("react").HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const AppliedFilterChipRemoveButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+export declare const AppliedFilterChipRemoveButtonStyled: 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>;
-}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
+}, {}, {}>;
 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>>, {}>;
 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>>, {}>;
-export declare const ActionsClearButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+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>;
-}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
-export declare const ActionsSubmitButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+}, {}, {}>;
+export declare const ActionsSubmitButtonStyled: 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>;
-}, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
-export declare const PopoverMenuStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+}, {}, {}>;
+export declare const PopoverMenuStyled: 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>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, {}, {}>;
 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;
 }, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "divider" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "disableGutters" | "selected">, "value" | "dir" | "slot" | "style" | "title" | "onChange" | "disabled" | "ref" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "color" | "hidden" | "action" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "divider" | "dense" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "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-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "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-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "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" | "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" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disableGutters" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
@@ -67,9 +67,9 @@ 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>>, {}>;
-export declare const PopoverStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+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>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, {}, {}>;
 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>>, {}>;
@@ -79,9 +79,9 @@ export declare const PopoverHeaderStyled: import("@emotion/styled").StyledCompon
 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>;
 }, {}, {}>;
-export declare const PopoverHeaderTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("./types").DynamicFilterOwnerState> & Record<string, unknown> & {
+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").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>>, {}>;
+}, {}, {}>;
 export declare const PopoverHeaderActionsStyled: import("@emotion/styled").StyledComponent<Pick<import("../CommonActions/components/Actions/types").CommonActionsProps & import("react").RefAttributes<any>, keyof import("react").RefAttributes<any> | keyof import("../CommonActions/components/Actions/types").CommonActionsProps> & 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/{index.bd03d088.js → index.b79e3e3f.js}

@@ -8,19 +8,22 @@ import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphic
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import * as Yup from "yup";
-import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../areas/dictionary.4ac716be.js";
-import { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, b as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, c as SELECT_OPERATORS, A as ALL_FIELD, d as DYNAMIC_FILTER_KEY_COMPONENT } from "../areas/constants.630a4f42.js";
-import { R as RHFAutocomplete, A as Actions } from "../../vendor.8af5e1c0.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.22858b59.js";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e05fee4a.js";
-import { i as isValidDate, c as containerQuery } from "../../utils/index.0660ee9c.js";
-import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.f9035562.js";
+import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../areas/dictionary.5fa9b201.js";
+import { B as BOOLEAN_OPERATORS, S as STRING_OPERATORS, b as DATE_TIME_OPERATORS, N as NUMBER_OPERATORS, c as SELECT_OPERATORS, A as ALL_FIELD, d as DYNAMIC_FILTER_KEY_COMPONENT } from "../areas/constants.0d3ba950.js";
+import { R as RHFAutocomplete } from "../../vendor.f1f6f92c.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.2b2632c1.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.a9d2ba66.js";
+import { i as isValidDate, c as containerQuery } from "../../utils/index.c64c2dd1.js";
+import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.29408b18.js";
 import { styled } from "@mui/material/styles";
 import { Skeleton, alpha, MenuItem } from "@mui/material";
-import { I as Icon } from "../Icon/index.f04409de.js";
+import { A as Actions } from "../CommonActions/index.9d9c7d2d.js";
+import { I as Icon } from "../Icon/index.3887ef2f.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
+import { P as Popover, a as PopoverMenuFields, b as PopoverFilter } from "../mui_extended/Popover/index.2e637571.js";
+import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.aee44365.js";
-import { a as PopoverMenuFields, b as PopoverFilter } from "../mui_extended/Popover/index.4f5074c1.js";
-import { S as ScrollBar } from "../ScrollBar/index.9bfcc74f.js";
+import { S as ScrollBar } from "../ScrollBar/index.1e89bb44.js";
 function BooleanFilter() {
   const { getLabel } = useModuleDictionary();
   const operators = useMemo(
@@ -1525,7 +1528,7 @@ const AppliedFilterChipStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.appliedFilterChip
 })(dynamicFilterStyles?.appliedFilterChip);
-const AppliedFilterChipIconStyled = styled("button", {
+const AppliedFilterChipIconStyled = styled(IconButton, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.appliedFilterChipIcon
 })(dynamicFilterStyles?.appliedFilterChipIcon);
@@ -1545,7 +1548,7 @@ const AppliedFilterChipInfoOperandsStyled = styled("span", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.appliedFilterChipInfoOperands
 })(dynamicFilterStyles?.appliedFilterChipInfoOperands);
-const AppliedFilterChipRemoveButtonStyled = styled("button", {
+const AppliedFilterChipRemoveButtonStyled = styled(IconButton, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.appliedFilterChipRemoveButton
 })(dynamicFilterStyles?.appliedFilterChipRemoveButton);
@@ -1557,15 +1560,15 @@ const ActionsSkeletonButtonStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.actionsSkeletonButton
 })(dynamicFilterStyles?.actionsSkeletonButton);
-const ActionsClearButtonStyled = styled("button", {
+const ActionsClearButtonStyled = styled(IconButton, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.actionsClearButton
 })(dynamicFilterStyles?.actionsClearButton);
-const ActionsSubmitButtonStyled = styled("button", {
+const ActionsSubmitButtonStyled = styled(IconButton, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.actionsSubmitButton
 })(dynamicFilterStyles?.actionsSubmitButton);
-const PopoverMenuStyled = styled("div", {
+const PopoverMenuStyled = styled(Popover, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverMenu
 })(dynamicFilterStyles?.popoverMenu);
@@ -1581,7 +1584,7 @@ const PopoverMenuItemLabelStyled = styled("div", {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverMenuItemLabel
 })(dynamicFilterStyles?.popoverMenuItemLabel);
-const PopoverStyled = styled("div", {
+const PopoverStyled = styled(Popover, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilter
 })(dynamicFilterStyles?.popoverFilter);
@@ -1597,7 +1600,7 @@ const PopoverHeaderIconStyled = styled(Icon, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterHeaderIcon
 })(dynamicFilterStyles?.popoverFilterHeaderIcon);
-const PopoverHeaderTitleStyled = styled("div", {
+const PopoverHeaderTitleStyled = styled(Typography, {
   name: DYNAMIC_FILTER_KEY_COMPONENT,
   slot: DynamicFilterSlots.popoverFilterHeaderTitle
 })(dynamicFilterStyles?.popoverFilterHeaderTitle);

package/components/FieldLabel/{index.49fb6686.js → index.5d964cbd.js}

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { e as componentName } from "../areas/constants.630a4f42.js";
-import { g as getComponentUtilityClass } from "../../utils/index.0660ee9c.js";
+import { e as componentName } from "../areas/constants.0d3ba950.js";
+import { g as getComponentUtilityClass } from "../../utils/index.c64c2dd1.js";
 import clsx from "clsx";
-import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
-import { I as Icon } from "../Icon/index.f04409de.js";
+import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
+import { I as Icon } from "../Icon/index.3887ef2f.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));

package/components/GridLayout/{index.7156fbc9.js → index.656840a5.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { f as DEFAULT_ROW_HEIGHT, g as COMPONENT_CLASS_NAME, h as DEFAULT_COLS, i as DEFAULT_CONTAINER_PADDING, j as DEFAULT_MARGIN, k as DEFAULT_COLAPSED_HEIGHT, l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, n as DEFAULT_TRANSFORM_SCALE } from "../areas/constants.630a4f42.js";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.8946f18e.js";
+import { f as DEFAULT_ROW_HEIGHT, g as COMPONENT_CLASS_NAME, h as DEFAULT_COLS, i as DEFAULT_CONTAINER_PADDING, j as DEFAULT_MARGIN, k as DEFAULT_COLAPSED_HEIGHT, l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, n as DEFAULT_TRANSFORM_SCALE } from "../areas/constants.0d3ba950.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.b23625d7.js";
 import { styled, alpha } from "@mui/material/styles";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";

package/components/GridLayout/subcomponents/Griditem/{index.8946f18e.js → index.b23625d7.js}

@@ -1,11 +1,11 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.2df3b71a.js";
-import { R as Resizable } from "../../../../react-resizable.c60f3843.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, p as perc, s as setTransform, i as setTopLeft } from "../../index.7156fbc9.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.0cc9b257.js";
+import { R as Resizable } from "../../../../react-resizable.837c446d.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, p as perc, s as setTransform, i as setTopLeft } from "../../index.656840a5.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
-import { h as DEFAULT_COLS, f as DEFAULT_ROW_HEIGHT, l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, j as DEFAULT_MARGIN, i as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, k as DEFAULT_COLAPSED_HEIGHT } from "../../../areas/constants.630a4f42.js";
+import { h as DEFAULT_COLS, f as DEFAULT_ROW_HEIGHT, l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, j as DEFAULT_MARGIN, i as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, k as DEFAULT_COLAPSED_HEIGHT } from "../../../areas/constants.0d3ba950.js";
 function GridItem(props) {
   const {
     layoutItemRender: ComponentItemRender,

package/components/GridLayout/subcomponents/Responsive/{index.3c68f0cb.js → index.97505a31.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { j as cloneLayoutItem, k as cloneLayout, l as compact, m as correctBounds, n as isEqualLayout, o as noop, q as isEqualLayouts, G as GridLayout } from "../../index.7156fbc9.js";
+import { j as cloneLayoutItem, k as cloneLayout, l as compact, m as correctBounds, n as isEqualLayout, o as noop, q as isEqualLayouts, G as GridLayout } from "../../index.656840a5.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
-import { k as DEFAULT_COLAPSED_HEIGHT, o as DEFAULT_RESPONSIVE_BREAKPOINTS, i as DEFAULT_CONTAINER_PADDING, j as DEFAULT_MARGIN, p as DEFAULT_RESPONSIVE_COLS, f as DEFAULT_ROW_HEIGHT } from "../../../areas/constants.630a4f42.js";
+import { k as DEFAULT_COLAPSED_HEIGHT, o as DEFAULT_RESPONSIVE_BREAKPOINTS, i as DEFAULT_CONTAINER_PADDING, j as DEFAULT_MARGIN, p as DEFAULT_RESPONSIVE_COLS, f as DEFAULT_ROW_HEIGHT } from "../../../areas/constants.0d3ba950.js";
 import { deepEqual } from "fast-equals";
 function getBreakpointFromWidth(breakpoints, width) {
   const sorted = sortBreakpoints(breakpoints);

package/components/GridLayout/subcomponents/SizeProvider/{index.a5b2190d.js → index.36cb4139.js}

@@ -3,7 +3,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, q as THROTTLE_RESIZE_TIMEOUT, g as COMPONENT_CLASS_NAME } from "../../../areas/constants.630a4f42.js";
+import { l as DEFAULT_CONTAINER_WIDTH, m as DEFAULT_CONTAINER_HEIGHT, q as THROTTLE_RESIZE_TIMEOUT, g as COMPONENT_CLASS_NAME } from "../../../areas/constants.0d3ba950.js";
 function withSizeProvider(ComposedComponent) {
   return (props) => {
     const { measureBeforeMount = true, ...rest } = props;

package/components/HamburgerMenu/{index.d1868329.js → index.3bb9880f.js}

@@ -3,10 +3,10 @@ import { useState } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { r as componentName, H as HAMBURGER_MENU_PREFIX, T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
+import { r as componentName, H as HAMBURGER_MENU_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
 import { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.8d4d790a.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.0adc5a75.js";
+import { S as SideBar } from "../SideBar/index.8ba746a8.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.fd8a76af.js";
 const HamburgerMenuRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LHamburgerMenuCommercial?.styleOverrides
 }));

package/components/HelperText/{index.651a9b4b.js → index.ebb53dac.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
+import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
 const HelperTextRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LErrorLabel?.styleOverrides
 }));

package/components/Icon/{index.f04409de.js → index.3887ef2f.js}

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { Marker } from "react-leaflet";
 import L__default from "leaflet";
-import { s as componentName, I as ICON_PREFIX, T as TEST_PROP_ID, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT } from "../areas/constants.630a4f42.js";
-import { m as mapClasses } from "../maps/index.991d46a7.js";
+import { s as componentName, I as ICON_PREFIX, T as TEST_PROP_ID, L as LABEL_BK_COLOR_DEFAULT, t as LABEL_COLOR_DEFAULT } from "../areas/constants.0d3ba950.js";
+import { m as mapClasses } from "../maps/index.00de5f7b.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.8d4d790a.js";
+import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.8ba746a8.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/Image/{index.1526ba76.js → index.01f0cdca.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
-import { u as IMAGE_PREFIX, T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
+import { u as IMAGE_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useBase, useEnvironment, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../PrintingSystem/index.0a9529c0.js";
+import { c as classes, g as getSize } from "../PrintingSystem/index.986a7f36.js";
 import QRCode from "qrcode.react";
 const ImageRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LImage?.styleOverrides

package/components/LoadingError/{index.8a456aae.js → index.c95950b0.js}

@@ -3,12 +3,12 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { I as ICONS } from "../areas/icons.504ec098.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { v as componentName } from "../areas/constants.630a4f42.js";
+import { v as componentName } from "../areas/constants.0d3ba950.js";
 import { styled } from "@mui/material/styles";
-import { L as LinearProgressIndeterminate } from "../mui_extended/LinearProgress/index.52edc848.js";
-import { I as Icon } from "../Icon/index.f04409de.js";
-import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
-import { B as Button } from "../mui_extended/Button/index.a0690b47.js";
+import { L as LinearProgressIndeterminate } from "../mui_extended/LinearProgress/index.e9455b2e.js";
+import { I as Icon } from "../Icon/index.3887ef2f.js";
+import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
+import { B as Button } from "../mui_extended/Button/index.84b7159a.js";
 generateUtilityClasses(componentName, [
   "root",
   "loadingErrorLoading",

package/components/MFLoader/{index.06717f62.js → index.b980701c.js}

@@ -11,9 +11,9 @@ import { useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/gra
 import debounce from "lodash/debounce";
 import { generateUtilityClasses, generateUtilityClass, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { w as componentName } from "../areas/constants.630a4f42.js";
-import { a as LinearProgress } from "../mui_extended/LinearProgress/index.52edc848.js";
-import { L as LoadingError } from "../LoadingError/index.8a456aae.js";
+import { w as componentName } from "../areas/constants.0d3ba950.js";
+import { a as LinearProgress } from "../mui_extended/LinearProgress/index.e9455b2e.js";
+import { L as LoadingError } from "../LoadingError/index.c95950b0.js";
 const mfLoaderClasses = generateUtilityClasses(componentName, [
   "root",
   "containerLinearProgress"

package/components/ModalDialog/{index.d9b463ed.js → index.5c9ce220.js}

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { useTheme, Dialog, Paper } from "@mui/material";
-import { c as cjs } from "../../react-draggable.2df3b71a.js";
-import { u as useModal } from "../../hooks/useModal/index.4cbc8309.js";
-import { R as ResizeableWindow } from "../Resizeable/index.8c72e36a.js";
+import { c as cjs } from "../../react-draggable.0cc9b257.js";
+import { u as useModal } from "../../hooks/useModal/index.167828d6.js";
+import { R as ResizeableWindow } from "../Resizeable/index.414ff687.js";
 import { useIsMobile } from "@m4l/graphics";
-import { m as modalUtilityClasses } from "../modal/index.7ca17f55.js";
+import { m as modalUtilityClasses } from "../modal/index.5bce430d.js";
 import { useState, useEffect } from "react";
 const DragabblePaperComponent = (props) => {
   return /* @__PURE__ */ jsx(cjs.exports, { handle: ".m4l_draggable_handle", cancel: '[class*="MuiDialogContent-root"]', children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "unset", maxWidth: "unset" }, ...props }) });

package/components/NavLink/{index.badec599.js → index.9f5d5670.js}

@@ -3,8 +3,8 @@ import { NavLink as NavLink$1 } from "react-router-dom";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
-import { x as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.630a4f42.js";
-import { T as Typography } from "../mui_extended/Typography/index.2a1c68f8.js";
+import { x as NAVLINK_PREFIX, T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
 const componentName = "M4LNavLink";
 generateUtilityClasses(componentName, [
   "root"