@m4l/components 3.1.8 → 4.0.0

package/@types/types.d.ts

@@ -1,70 +1,88 @@
-import { ComponentsOverrides, ComponentsVariants, Theme as MuiTheme } from '@mui/material/styles';
-
-import { DynamicFilterSlotsType, DynamicFilterOwnerState } from '../components/DynamicFilter/types';
-import {
-  MenuActionsOwnerState,
-  MenuActionsSlotsType,
-} from '../components/mui_extended/MenuActions/types';
-import {
-  RHFInputNumberSpinnerOwnerState,
-  RHFInputNumberSpinnerSlotsType,
-} from '../components/hook-form/RHFInputNumberSpinner/types';
-
-import {
-  PopupViewerSlotsType,
-  PopupsViewerOwnerState,
-} from '../components/popups/components/PopupsViewer/types';
-import {
-  ToastContainerOwnerState,
-  ToastContainerSlotsType,
-} from '../components/ToastContainer/types';
-
-type Theme = Omit<MuiTheme, 'components'>;
-
-declare module '@mui/material/styles' {
-  // Define the slots in the theme
-  interface ComponentNameToClassKey {
-    M4LDynamicFilter: DynamicFilterSlotsType;
-    M4LMenuActions: MenuActionsSlotsType;
-    M4LRHFInputNumberSpinner: RHFInputNumberSpinnerSlotsType;
-    M4LPopupsViewer: PopupViewerSlotsType;
-    M4LToastContainer: ToastContainerSlotsType;
-  }
-
-  interface ComponentsPropsList {
-    // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
-    M4LDynamicFilter: Partial<DynamicFilterOwnerState>;
-    M4LMenuActions: Partial<MenuActionsOwnerState>;
-    M4LRHFInputNumberSpinner: Partial<RHFInputNumberSpinnerOwnerState>;
-    M4LPopupsViewer: Partial<PopupsViewerOwnerState>;
-    M4LToastContainer: Partial<ToastContainerOwnerState>;
-  }
-
-  interface Components {
-    M4LDynamicFilter?: {
-      defaultProps?: ComponentsPropsList['M4LDynamicFilter'];
-      styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
-      variants?: ComponentsVariants['M4LDynamicFilter'];
-    };
-    M4LMenuActions?: {
-      defaultProps?: ComponentsPropsList['M4LMenuActions'];
-      styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
-      variants?: ComponentsVariants['M4LMenuActions'];
-    };
-    M4LRHFInputNumberSpinner?: {
-      defaultProps?: ComponentsPropsList['M4LRHFInputNumberSpinner'];
-      styleOverrides?: ComponentsOverrides<Theme>['M4LRHFInputNumberSpinner'];
-      variants?: ComponentsVariants['M4LRHFInputNumberSpinner'];
-      M4LPopupsViewer?: {
-        defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
-        styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
-        variants?: ComponentsVariants['M4LPopupsViewer'];
-      };
-      M4LToastContainer?: {
-        defaultProps?: ComponentsPropsList['M4LToastContainer'];
-        styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
-        variants?: ComponentsVariants['M4LToastContainer'];
-      };
-    };
-  }
-}
+import { ComponentsOverrides, ComponentsVariants, Theme as MuiTheme } from '@mui/material/styles';
+import {
+  RHFTextFieldSlotsType,
+  RHFTextFieldOwnerState,
+} from '../components/hook-form/RHFTextField/types';
+import { DynamicFilterSlotsType, DynamicFilterOwnerState } from '../components/DynamicFilter/types';
+import { DynamicSortSlotsType, DynamicSortOwnerState } from '../components/DynamicSort/types';
+import {
+  MenuActionsOwnerState,
+  MenuActionsSlotsType,
+} from '../components/mui_extended/MenuActions/types';
+import {
+  RHFInputNumberSpinnerOwnerState,
+  RHFInputNumberSpinnerSlotsType,
+} from '../components/hook-form/RHFInputNumberSpinner/types';
+
+import {
+  PopupViewerSlotsType,
+  PopupsViewerOwnerState,
+} from '../components/popups/components/PopupsViewer/types';
+import {
+  ToastContainerOwnerState,
+  ToastContainerSlotsType,
+} from '../components/ToastContainer/types';
+
+type Theme = Omit<MuiTheme, 'components'>;
+
+declare module '@mui/material/styles' {
+  // Define the slots in the theme
+  interface ComponentNameToClassKey {
+    M4LDynamicFilter: DynamicFilterSlotsType;
+    RHFTextField: RHFTextFieldSlotsType;
+    M4LDynamicSort: DynamicSortSlotsType;
+    M4LMenuActions: MenuActionsSlotsType;
+    M4LRHFInputNumberSpinner: RHFInputNumberSpinnerSlotsType;
+    M4LPopupsViewer: PopupViewerSlotsType;
+    M4LToastContainer: ToastContainerSlotsType;
+  }
+
+  interface ComponentsPropsList {
+    // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
+    M4LDynamicFilter: Partial<DynamicFilterOwnerState>;
+    RHFTextField: Partial<RHFTextFieldOwnerState>;
+    M4LDynamicSort: Partial<DynamicSortOwnerState>;
+    M4LMenuActions: Partial<MenuActionsOwnerState>;
+    M4LRHFInputNumberSpinner: Partial<RHFInputNumberSpinnerOwnerState>;
+    M4LPopupsViewer: Partial<PopupsViewerOwnerState>;
+    M4LToastContainer: Partial<ToastContainerOwnerState>;
+  }
+
+  interface Components {
+    M4LDynamicFilter?: {
+      defaultProps?: ComponentsPropsList['M4LDynamicFilter'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
+      variants?: ComponentsVariants['M4LDynamicFilter'];
+    };
+    RHFTextField?: {
+      defaultProps?: ComponentsPropsList['RHFTextField'];
+      styleOverrides?: ComponentsOverrides<Theme>['RHFTextField'];
+      variants?: ComponentsVariants['RHFTextField'];
+    };
+    M4LDynamicSort?: {
+      defaultProps?: ComponentsPropsList['M4LDynamicSort'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicSort'];
+      variants?: ComponentsVariants['M4LDynamicSort'];
+    };
+    M4LMenuActions?: {
+      defaultProps?: ComponentsPropsList['M4LMenuActions'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
+      variants?: ComponentsVariants['M4LMenuActions'];
+    };
+    M4LRHFInputNumberSpinner?: {
+      defaultProps?: ComponentsPropsList['M4LRHFInputNumberSpinner'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LRHFInputNumberSpinner'];
+      variants?: ComponentsVariants['M4LRHFInputNumberSpinner'];
+    };
+    M4LPopupsViewer?: {
+      defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
+      variants?: ComponentsVariants['M4LPopupsViewer'];
+    };
+    M4LToastContainer?: {
+      defaultProps?: ComponentsPropsList['M4LToastContainer'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
+      variants?: ComponentsVariants['M4LToastContainer'];
+    };
+  }
+}

package/components/AccountPopover/AccountPopover-CU7gMvzI.js

@@ -0,0 +1,69 @@
+import { jsx } from "react/jsx-runtime";
+import { useNetwork } from "@m4l/core";
+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-BUuhXVtS.js";
+import clsx from "clsx";
+const AccountPopover = (props) => {
+  const {
+    itemHandleClick,
+    version,
+    handleLogOut,
+    userData,
+    className,
+    settingsHandleOpen: settingHandleOpen
+  } = props;
+  const [asyncState, setAsyncState] = useState("unLoad");
+  const [menuData, setMenuData] = useState([]);
+  const { networkOperation } = useNetwork();
+  useEffect(() => {
+    let mounted = true;
+    if (asyncState === "unLoad") {
+      setAsyncState("loading");
+      networkOperation({
+        method: "GET",
+        endPoint: `menus`,
+        parms: {
+          position: 1
+        }
+      }).then((response) => {
+        if (mounted) {
+          setAsyncState("loaded");
+          setMenuData(response.data);
+        }
+      }).catch((_error) => {
+        console.error("AccountData network request error - get menus", _error);
+        setMenuData([]);
+      });
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [open]);
+  const accountPopoverClasses = useAccountPopoverUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    AcountPopOverRoot,
+    {
+      className: clsx(accountPopoverClasses.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("root") } : {},
+      children: /* @__PURE__ */ jsx(
+        MenuPopOver,
+        {
+          data: menuData,
+          asyncState,
+          itemHandleClick,
+          version,
+          handleLogOut,
+          classes: accountPopoverClasses,
+          userData,
+          settingsHandleOpen: settingHandleOpen
+        }
+      )
+    }
+  );
+};
+export {
+  AccountPopover as A
+};

package/components/AccountPopover/classes/constants-Bh4Ddb0Q.js

@@ -0,0 +1,4 @@
+const componentName = "M4LAccountPopover";
+export {
+  componentName as c
+};

package/components/AccountPopover/classes/index-BPokei6j.js

@@ -0,0 +1,59 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-Bh4Ddb0Q.js";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root",
+    "containerUserName",
+    "containerUserEmail",
+    "containerlogOut",
+    "containerUserInfo",
+    "containerSetting",
+    "labelUserName",
+    "labelUserEmail",
+    "labelVersion",
+    "containerAvatarPopover",
+    "myAvatar",
+    "popover",
+    "containerAppVersion",
+    "containerMenuItems",
+    "containerProgress",
+    "logOut",
+    "menuItem"
+    /* states or variants of elements */
+  ]
+);
+function getAccountPopoverClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useAccountPopoverUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerUserName: ["containerUserName"],
+    containerUserEmail: ["containerUserEmail"],
+    containerUserInfo: ["containerUserInfo"],
+    containerlogOut: ["containerlogOut"],
+    containerSetting: ["containerSetting"],
+    labelUserName: ["labelUserName"],
+    labelUserEmail: ["labelUserEmail"],
+    labelVersion: ["labelVersion"],
+    myAvatar: ["myAvatar"],
+    containerAvatarPopover: ["containerAvatarPopover"],
+    popover: ["popover"],
+    containerAppVersion: ["containerAppVersion"],
+    containerMenuItems: ["containerMenuItems"],
+    containerProgress: ["containerProgress"],
+    logOut: ["logOut"],
+    menuItem: ["menuItem"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAccountPopoverClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  getAccountPopoverClassesUtilityClass as g,
+  useAccountPopoverUtilityClasses as u
+};

package/components/AccountPopover/dictionary-BUSBiVvV.js

@@ -0,0 +1,6 @@
+function getAccountPopoverDictionary() {
+  return ["account_popover"];
+}
+export {
+  getAccountPopoverDictionary as g
+};

package/components/AccountPopover/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/AccountPopover/style-KJYhN6c4.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material";
+const AcountPopOverRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LAccountPopover?.styleOverrides
+}));
+export {
+  AcountPopOverRoot as A
+};

package/components/AccountPopover/subcomponents/MyAvatar/index-B5TQqcPH.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { A as Avatar } from "../../../mui_extended/Avatar/Avatar-D1P1ad6r.js";
+function MyAvatar(props) {
+  const { avatarUrl, firstName = "", lastName = "arreee", ...other } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      alt: "full_name",
+      color: "default",
+      ...avatarUrl ? {
+        src: `${host_static_assets}/${environment_assets}/frontend/domain/${avatarUrl}`
+      } : { children: `${firstName[0]}${lastName[0]}` },
+      ...other
+    }
+  );
+}
+export {
+  MyAvatar as M
+};

package/components/AccountPopover/subcomponents/PopOver/index-BUuhXVtS.js

@@ -0,0 +1,200 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useTheme, ButtonBase } from "@mui/material";
+import { g as getAccountPopoverClassesUtilityClass } from "../../classes/index-BPokei6j.js";
+import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";
+import { M as MyAvatar } from "../MyAvatar/index-B5TQqcPH.js";
+import { useState } from "react";
+import { C as CircularProgress } from "../../../mui_extended/CircularProgress/index-Bnnti_G6.js";
+import { P as Popover } from "../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
+import { I as Icon } from "../../../Icon/Icon-_wceDYwV.js";
+const MenuPopOver = (props) => {
+  const {
+    data,
+    itemHandleClick,
+    version,
+    handleLogOut,
+    classes,
+    userData,
+    settingsHandleOpen: settingHandleOpen,
+    asyncState
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { avatar_url, first_name, last_name, email } = userData || {};
+  const { getLabel } = useModuleDictionary();
+  const [open, setOpen] = useState(null);
+  const theme = useTheme();
+  const handleClick = (item) => {
+    itemHandleClick(item);
+    handleClose();
+  };
+  const handleClose = () => {
+    setOpen(null);
+  };
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "presentation",
+      className: classes.containerAvatarPopover,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAvatarPopover") } : {},
+      children: [
+        /* @__PURE__ */ jsx(ButtonBase, { children: /* @__PURE__ */ jsx(
+          MyAvatar,
+          {
+            className: classes.myAvatar,
+            avatarUrl: avatar_url,
+            firstName: first_name || "",
+            lastName: last_name || "",
+            onClick: handleOpen
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          Popover,
+          {
+            open: Boolean(open),
+            anchorEl: open,
+            onClose: handleClose,
+            className: classes.popover,
+            arrowType: "no-arrow",
+            anchorOrigin: { vertical: "bottom", horizontal: "right" },
+            transformOrigin: { vertical: "top", horizontal: "right" },
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("popover") } : {},
+            sx: {
+              mt: "5px",
+              ...theme.components?.M4LAccountPopoverPopover?.styleOverrides
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classes.containerUserInfo,
+                  ...process.env.NODE_ENV !== "production" ? {
+                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerUserInfo")
+                  } : {},
+                  children: [
+                    " ",
+                    /* @__PURE__ */ jsxs("div", { className: classes.containerUserName, children: [
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/users.svg`
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: classes.labelUserName, children: `${first_name} ${last_name}` })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: classes.containerUserEmail, children: [
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/email.svg`
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: classes.labelUserEmail, children: email })
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classes.containerAppVersion,
+                  ...process.env.NODE_ENV !== "production" ? {
+                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAppVersion")
+                  } : {},
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/version.svg`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: classes.labelVersion, children: `${getLabel("account_popover.label_version")} ${version}` })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: classes.containerMenuItems,
+                  ...process.env.NODE_ENV !== "production" ? {
+                    [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerMenuItems")
+                  } : {},
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        role: "button",
+                        tabIndex: 0,
+                        className: classes.containerSetting,
+                        onClick: () => {
+                          settingHandleOpen();
+                          handleClose();
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/configuration.svg`
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("div", { className: classes.menuItem, children: getLabel("account_popover.label_settings") })
+                        ]
+                      }
+                    ),
+                    asyncState === "loaded" ? data.map((option) => /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        role: "presentation",
+                        onClick: () => handleClick(option),
+                        className: classes.menuItem,
+                        ...process.env.NODE_ENV !== "production" ? {
+                          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("menuItem")
+                        } : {},
+                        children: option.title
+                      },
+                      option.title
+                    )) : /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: classes.containerProgress,
+                        ...process.env.NODE_ENV !== "production" ? {
+                          [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerProgress")
+                        } : {},
+                        children: /* @__PURE__ */ jsx(CircularProgress, { size: "20px" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { role: "button", tabIndex: 0, className: classes.containerlogOut, onClick: handleLogOut, children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    src: `${host_static_assets}/${environment_assets}/frontend/components/account_popover/assets/icons/sign_off.svg`
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "presentation",
+                    className: classes.logOut,
+                    ...process.env.NODE_ENV !== "production" ? {
+                      [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("logOut")
+                    } : {},
+                    children: getLabel("account_popover.label_logout")
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  MenuPopOver as M
+};

package/components/AppBar/AppBar-DDoSggi7.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { A as AppBarRoot } from "./styles-DEP7cqpd.js";
+import { useResponsiveContainerStore } from "@m4l/graphics";
+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 { I as Image } from "../Image/Image-BjqOt3pz.js";
+import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
+import { I as IconButton } from "../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+const AppBar = (props) => {
+  const { onToggleVisible, children, companyLogo, companyName } = props;
+  const { isUpSm } = useResponsiveContainerStore((state) => state);
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const classes = useAppBarUtilityClasses();
+  const { getLabel } = useModuleDictionary();
+  return /* @__PURE__ */ jsxs(
+    AppBarRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: [
+        companyLogo && isUpSm ? /* @__PURE__ */ jsx("div", { className: classes.containerLogo, children: /* @__PURE__ */ jsxs("div", { className: classes.containerImageTypography, children: [
+          /* @__PURE__ */ jsx(Image, { src: companyLogo, alt: "logo" }, "Logo"),
+          /* @__PURE__ */ jsx(Typography, { variant: "bodyDens", skeletonWidth: "100px", children: companyName })
+        ] }) }) : null,
+        !isUpSm ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classes.containerIconMenuToggle,
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerIconMenuToggle") } : {},
+            children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                tooltip: getLabel("appbar.tooltip_toogle_menu"),
+                className: classes.iconMenuToggle,
+                src: `${host_static_assets}/${environment_assets}/frontend/components/settings/assets/icons/options.svg`,
+                onClick: onToggleVisible
+              }
+            )
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classes.containerChilds,
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("containerChilds") } : {},
+            children
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  AppBar as A
+};

package/components/AppBar/classes/constants-BMVeFXZd.js

@@ -0,0 +1,4 @@
+const componentName = "M4LAppBar";
+export {
+  componentName as c
+};

package/components/AppBar/classes/index-DrzQShzd.js

@@ -0,0 +1,33 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants-BMVeFXZd.js";
+generateUtilityClasses(componentName, [
+  /* elements */
+  "root",
+  "containerChilds",
+  "containerIconMenuToggle",
+  "iconMenuToggle",
+  "containerLogo",
+  "containerImageTypography"
+  /* states or variants of elements */
+]);
+function getAppBarClassesUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useAppBarUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    containerChilds: ["containerChilds"],
+    containerIconMenuToggle: ["containerIconMenuToggle"],
+    iconMenuToggle: ["iconMenuToggle"],
+    containerLogo: ["containerLogo"],
+    containerImageTypography: ["containerImageTypography"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getAppBarClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  useAppBarUtilityClasses as u
+};

package/components/AppBar/dictionary-DxNEDzLB.js

@@ -0,0 +1,6 @@
+function getAppBarDictionary() {
+  return ["appbar"];
+}
+export {
+  getAppBarDictionary as g
+};

package/components/AppBar/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/AppBar/styles-DEP7cqpd.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material/styles";
+const AppBarRoot = styled("header")(({ theme }) => ({
+  ...theme.components?.M4LAppBar?.styleOverrides
+}));
+export {
+  AppBarRoot as A
+};

package/components/AppBar/tests/constants-RDOlKZ0s.js

@@ -0,0 +1,4 @@
+const APPBAR_PREFIX = "M4LAppBar";
+export {
+  APPBAR_PREFIX as A
+};