@m4l/components 9.20.0 → 9.21.0

package/components/areas/components/AreasAdmin/AreasAdmin.styles.js

@@ -1,169 +1,408 @@
-import { getSizeStyles as a } from "../../../../utils/getSizeStyles/getSizeStyles.js";
-const s = {
+import { getSizeStyles as r } from "../../../../utils/getSizeStyles/getSizeStyles.js";
+import { MENUITEM_CLASSES as a } from "../../../extended/mui/MenuItem/constants.js";
+import { AREAS_MENU_MAX_VISIBLE_ITEMS as d } from "./constants.js";
+const b = {
   /**
-   * Root areas admin Styles
+   * Root Areas admin styles.
    */
-  root: ({ theme: e }) => ({
-    width: "100%",
+  root: ({ theme: e, ownerState: i }) => ({
+    alignItems: "center",
     display: "flex",
-    flexDirection: "row",
-    overflow: "auto",
-    paddingRight: e.vars.size.baseSpacings["sp2-5"]
+    ...i?.orientation === "vertical" ? {
+      flexDirection: "column",
+      gap: e.vars.size.baseSpacings.sp4,
+      height: "100%",
+      width: "100%"
+    } : {
+      flexDirection: "row",
+      gap: e.vars.size.baseSpacings.sp3,
+      width: "100%"
+    }
   }),
   /**
-   * Root areas admin content Styles
+   * Inner Areas admin layout styles.
    */
-  areasAdminContent: () => ({
+  areasAdminContent: ({ theme: e, ownerState: i }) => ({
+    alignItems: "center",
     display: "flex",
-    flexDirection: "row",
+    ...i?.orientation === "vertical" ? {
+      flex: 1,
+      flexDirection: "column",
+      gap: e.vars.size.baseSpacings.sp2,
+      justifyContent: "flex-start",
+      width: "100%"
+    } : {
+      flexDirection: "row",
+      gap: e.vars.size.baseSpacings["sp1-5"],
+      width: "100%"
+    }
+  }),
+  /**
+   * Legacy trigger wrapper styles retained for slot compatibility.
+   */
+  areasTrigger: ({ ownerState: e }) => ({
+    display: "flex",
+    justifyContent: e?.orientation === "vertical" ? "center" : "flex-start",
+    width: e?.orientation === "vertical" ? "100%" : "fit-content"
+  }),
+  /**
+   * Areas-menu trigger button styles.
+   */
+  areasTriggerButton: {},
+  /**
+   * Shared divider spacing used by the vertical AreasAdmin rail.
+   */
+  sectionDivider: ({ theme: e }) => ({
+    "&&": {
+      alignSelf: "stretch",
+      flexShrink: 0,
+      height: "auto",
+      minHeight: 0,
+      padding: e.vars.size.baseSpacings["sp1-5"],
+      width: e.vars.size.baseSpacings.sp4,
+      margin: "0 auto"
+    }
+  }),
+  /**
+   * Areas-menu content wrapper that keeps the footer outside the scroll body.
+   */
+  areasMenuContent: ({ theme: e }) => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: e.vars.size.baseSpacings.sp1,
+    "& > .M4LAreasAdmin-areasMenuFooter": {
+      paddingLeft: e.vars.size.baseSpacings.sp4,
+      paddingRight: e.vars.size.baseSpacings.sp4
+    }
+  }),
+  /**
+   * Scrollable region that keeps the approved visible-items cap local to AreasAdmin.
+   */
+  areasMenuScrollArea: ({ theme: e, ownerState: i }) => {
+    const o = i?.size === "small" ? "small" : "medium", t = e.generalSettings.isMobile ? "mobile" : "desktop", l = e.vars.size[t][o].box, p = e.vars.size.baseSpacings.sp1, s = e.vars.size.baseSpacings.sp1, n = Number(
+      i?.maxVisibleItems ?? d
+    );
+    return {
+      overflowX: "hidden",
+      overflowY: "auto",
+      padding: s,
+      maxHeight: `calc((${l} * ${n}) + (${p} * ${n - 1}) + (${s} * 2))`,
+      "& .M4LMenuItem-root .M4LTypography-root": {
+        width: "100%",
+        // -webkit-line-clamp only truncates when the element is a -webkit-box;
+        // without display + box-orient the clamp is ignored and the text expands.
+        display: "-webkit-box",
+        WebkitBoxOrient: "vertical",
+        WebkitLineClamp: 2,
+        overflow: "hidden",
+        // normal wrapping lets the clamp count lines; break-spaces keeps long
+        // tokens from overflowing horizontally.
+        whiteSpace: "normal",
+        overflowWrap: "anywhere"
+      }
+    };
+  },
+  /**
+   * Local menu-list styling that mirrors the approved spacing and text wrapping.
+   */
+  areasMenuList: ({ theme: e }) => ({
+    paddingTop: e.vars.size.baseSpacings.sp3,
+    paddingBottom: e.vars.size.baseSpacings.sp3,
+    display: "flex",
+    flexDirection: "column",
+    gap: e.vars.size.baseSpacings.sp1,
+    [`& .${a.menuItemTypography}`]: {
+      display: "-webkit-box",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: 3,
+      whiteSpace: "normal",
+      overflow: "hidden",
+      overflowWrap: "anywhere"
+    }
+  }),
+  /**
+   * Footer action inside the areas menu.
+   */
+  areasMenuFooter: ({ theme: e }) => ({
+    display: "flex",
+    paddingTop: e.vars.size.baseSpacings.sp2,
     width: "100%"
   }),
   /**
-   * Root container admin windows Styles
+   * Inline actions rendered inside the selected areas menu item.
+   */
+  areaMenuItemActions: ({ theme: e }) => ({
+    alignItems: "center",
+    display: "flex",
+    gap: e.vars.size.baseSpacings.sp1,
+    marginLeft: "auto"
+  }),
+  /**
+   * Icon button styles for the area edit/delete actions.
+   */
+  areaMenuActionButton: ({ theme: e }) => ({
+    "&&&": {
+      borderRadius: e.vars.size.borderRadius.r1,
+      minHeight: "auto",
+      minWidth: "auto",
+      padding: e.vars.size.baseSpacings["sp0-5"],
+      "& .M4LIcon-icon": {
+        backgroundColor: `${e.vars.palette.text.secondary} !important`
+      }
+    }
+  }),
+  /**
+   * Container styles for the module-switching section.
+   */
+  containerModulesRoot: ({ theme: e, ownerState: i }) => ({
+    alignItems: "center",
+    backgroundColor: e.vars.palette.background.default,
+    borderRadius: e.vars.size.borderRadius.r2,
+    display: "flex",
+    padding: e.vars.size.baseSpacings.sp1,
+    border: e.vars.size.borderStroke.container,
+    borderColor: e.vars.palette.border.disabled,
+    boxShadow: e.vars.customShadows.z1,
+    "&&& .M4LAreasAdmin-sectionDivider": {
+      padding: e.vars.size.baseSpacings["sp0-5"]
+    },
+    ...i?.orientation === "vertical" ? {
+      flexDirection: "column",
+      gap: e.vars.size.baseSpacings.sp2,
+      width: "100%"
+    } : {
+      flexDirection: "row",
+      gap: e.vars.size.baseSpacings.sp2
+    }
+  }),
+  /**
+   * Visible module items layout.
+   */
+  containerModulesItems: ({ theme: e, ownerState: i }) => ({
+    alignItems: "center",
+    display: "flex",
+    ...i?.orientation === "vertical" ? {
+      flexDirection: "column",
+      gap: e.vars.size.baseSpacings["sp1-5"],
+      width: "100%"
+    } : {
+      flexDirection: "row",
+      gap: e.vars.size.baseSpacings["sp1-5"]
+    }
+  }),
+  /**
+   * Legacy overflow wrapper styles retained for slot compatibility.
+   */
+  containerModulesOverflow: ({ ownerState: e }) => ({
+    display: "flex",
+    justifyContent: "center",
+    width: e?.orientation === "vertical" ? "100%" : "fit-content"
+  }),
+  /**
+   * Overflow trigger button styles.
+   */
+  containerModulesOverflowButton: ({ theme: e }) => ({
+    ...r(e, "medium", "base", (i) => ({
+      width: "inherit",
+      height: `${i}px!important`
+    }))
+  }),
+  /**
+   * Module-menu content wrapper with local hover-reveal affordances.
+   */
+  containerModulesMenuContent: ({ theme: e }) => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: e.vars.size.baseSpacings.sp4,
+    [`& .${a.root}:hover .M4LAreasAdmin-containerModulesMenuEndAdornment, & .${a.root}.Mui-focusVisible .M4LAreasAdmin-containerModulesMenuEndAdornment, & .${a.root}:focus-visible .M4LAreasAdmin-containerModulesMenuEndAdornment`]: {
+      opacity: 1
+    }
+  }),
+  /**
+   * Module-menu header layout.
+   */
+  containerModulesMenuHeader: ({ theme: e }) => ({
+    alignItems: "center",
+    display: "flex",
+    gap: e.vars.size.baseSpacings.sp2,
+    justifyContent: "space-between",
+    paddingInline: e.vars.size.baseSpacings.sp2
+  }),
+  /**
+   * Module-menu header title styling.
+   */
+  containerModulesMenuHeaderTitle: ({ theme: e }) => ({
+    color: e.vars.palette.text.primary,
+    fontWeight: e.vars.size.typography.weight.bold700,
+    minWidth: 0
+  }),
+  /**
+   * Module-menu total-count chip wrapper.
+   */
+  containerModulesMenuHeaderCount: () => ({
+    flexShrink: 0
+  }),
+  /**
+   * Hover-revealed end-adornment icon button used by module menu items.
+   */
+  containerModulesMenuEndAdornment: () => ({
+    alignItems: "center",
+    display: "flex",
+    flexShrink: 0,
+    marginLeft: "auto",
+    opacity: 0,
+    pointerEvents: "none",
+    transition: "opacity 0.2s ease"
+  }),
+  /**
+   * Styles for visible module icon buttons.
+   */
+  moduleIconButton: {},
+  /**
+   * Legacy root container admin windows styles kept for compatibility.
    */
   containerAdminWindows: ({ theme: e }) => ({
+    alignItems: "center",
     display: "flex",
     flexDirection: "row",
-    alignItems: "center",
     gap: e.vars.size.baseSpacings.sp2
   }),
   areaContainerChipIcon: () => ({
     width: "100%"
   }),
   /**
-   * Root area container content chips
+   * Legacy desktop chip container retained for compatibility with older slots.
    */
   areaContainerContentChips: ({ theme: e }) => ({
+    alignItems: "center",
     display: "flex",
     flexDirection: "row",
-    alignItems: "center",
     gap: e.vars.size.baseSpacings["sp2-5"]
   }),
   /**
-   * Root area content chip Styles
+   * Legacy desktop chip list wrapper retained for compatibility.
    */
   areaContentChip: ({ theme: e }) => ({
-    height: "100%",
+    alignItems: "center",
     display: "flex",
     flexDirection: "row",
     gap: e.vars.size.baseSpacings.sp1,
-    alignItems: "center",
+    height: "100%",
     overflow: "auto hidden"
   }),
   /**
-   * Root area chip Styles
+   * Legacy area-chip root layout retained for compatibility.
    */
   areaChipRoot: () => ({
-    width: "fit-content",
-    maxWidth: "fit-content",
     display: "flex",
-    flexDirection: "row"
+    flexDirection: "row",
+    maxWidth: "fit-content",
+    width: "fit-content"
   }),
   /**
-   * Root area container chip edit button
+   * Legacy inline edit-button wrapper for selected area chips.
    */
   areaContainerChipEditButton: ({ theme: e }) => ({
     display: "flex",
     flexDirection: "row",
     "& .M4LIcon-icon": {
-      backgroundColor: `${e.vars.palette.primary.contrastText}!important`
+      backgroundColor: `${e.vars.palette.primary.contrastText} !important`
     }
   }),
   /**
-   * Chip areas Styles
+   * Legacy desktop area chip styles.
    */
   chipAreas: ({ theme: e, ownerState: i }) => ({
     borderRadius: e.vars.size.borderRadius.r1,
-    ...a(
-      e,
-      i?.size || "small",
-      "action"
-    ),
+    ...r(e, i?.size || "small", "action"),
     "&:hover > .M4LAreasAdmin-menuActionsChip": {
       opacity: 1,
       pointerEvents: "auto"
     },
     "& .M4LIcon-icon": {
-      backgroundColor: i?.isAreaSelected ? `${e.vars.palette.primary.contrastText}!important` : `${e.vars.palette.text.secondary}!important`
+      backgroundColor: i?.isAreaSelected ? `${e.vars.palette.primary.contrastText} !important` : `${e.vars.palette.text.secondary} !important`
     }
   }),
   /**
-   * Icon button add area Styles
+   * Legacy add-area trigger slot retained for compatibility.
    */
-  iconButtonAddArea: ({ theme: e, ownerState: i }) => ({
-    borderRadius: e.vars.size.borderRadius.r1,
-    ...a(
-      e,
-      i?.size || "small",
-      "action"
-    ),
-    "& .M4LIcon-icon": {
-      backgroundColor: `${e.vars.palette.text.primary}!important`
-    }
-  }),
+  iconButtonAddArea: {},
   /**
-   * Menu actions Styles
+   * Legacy chip overflow menu styles retained for compatibility.
    */
   menuActionsChip: () => ({
     opacity: 0,
     pointerEvents: "none"
   }),
   /**
-   * Root area chip mobile Styles
+   * Mobile area-chip row layout.
    */
   areaChipMobileRoot: ({ theme: e }) => ({
+    alignItems: "center",
     display: "flex",
     flexDirection: "row",
-    alignItems: "center",
     gap: e.vars.size.baseSpacings.sp1
   }),
   /**
-   * Root chip mobile Styles
+   * Mobile chip container layout.
    */
   chipMobileRoot: ({ theme: e }) => ({
+    alignItems: "center",
     display: "flex",
     flexDirection: "row",
-    alignItems: "center",
     gap: e.vars.size.baseSpacings.sp1
   }),
   /**
-   * Root chip mobile content Styles
+   * Mobile chip content alignment and shape.
    */
   chipMobileContent: ({ theme: e }) => ({
-    display: "flex",
-    flexDirection: "row",
     alignItems: "center",
-    borderRadius: e.vars.size.borderRadius.r1
+    borderRadius: e.vars.size.borderRadius.r1,
+    display: "flex",
+    flexDirection: "row"
   }),
-  /**
-   * Name area chip mobile Styles
-   */
   nameChipMobile: ({ theme: e }) => ({
     padding: e.vars.size.baseSpacings.sp1
   }),
   /**
-   * Root add areas mobile container
+   * Mobile add-area column wrapper.
    */
   addAreasMobileContainer: () => ({
     display: "flex",
     flexDirection: "column"
   }),
   /**
-   * Root menu actions area chip mobile
+   * Mobile chip action menu layout.
    */
   menuActionsAreaChipMobile: ({ theme: e }) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
     alignContent: "center",
+    alignItems: "center",
     borderRadius: e.vars.size.borderRadius.r1,
+    display: "flex",
+    flexDirection: "column",
     gap: e.vars.size.baseSpacings.sp1
   }),
+  /**
+   * Neutral full-width "add area" action rendered in the areas menu footer.
+   */
   buttonAddArea: ({ theme: e }) => ({
-    color: e.vars.palette.primary.semanticText
+    "&&": {
+      backgroundColor: e.vars.palette.background.neutral,
+      borderRadius: e.vars.size.borderRadius.r2,
+      color: e.vars.palette.text.primary,
+      gap: e.vars.size.baseSpacings.sp2,
+      justifyContent: "center",
+      width: "100%",
+      "&:hover": {
+        backgroundColor: e.vars.palette.background.hover
+      },
+      "& .M4LIcon-icon": {
+        backgroundColor: `${e.vars.palette.text.primary} !important`
+      }
+    }
   }),
   /**
-   * Root edit area chip container
+   * Inline edit-area form container styles.
    */
   editAreaChipContainer: ({ theme: e }) => ({
     borderRadius: e.vars.size.borderRadius.r1,
@@ -171,26 +410,26 @@ const s = {
     flexDirection: "column"
   }),
   /**
-   * Root edit area header
+   * Inline edit-area popover header spacing.
    */
   editAreaHeader: ({ theme: e }) => ({
+    alignSelf: "stretch",
     display: "flex",
-    padding: e.vars.size.baseSpacings.sp0,
     flexDirection: "column",
-    justifyContent: "center",
     gap: e.vars.size.baseSpacings["sp0-5"],
-    alignSelf: "stretch"
+    justifyContent: "center",
+    paddingBottom: e.vars.size.baseSpacings.sp2
   }),
   /**
-   * Root edit area chip mobile container
+   * Mobile inline edit-area container styles.
    */
-  editAreaChipMobileContainer: ({ theme: e }) => ({
-    borderRadius: e.vars.size.borderRadius.r1,
+  editAreaChipMobileContainer: () => ({
+    borderRadius: "inherit",
     display: "flex",
     flexDirection: "column",
     width: "100%"
   })
 };
 export {
-  s as areasAdminStyles
+  b as areasAdminStyles
 };

package/components/areas/components/AreasAdmin/constants.d.ts

@@ -1,2 +1,10 @@
 export declare const AREAS_ADMIN_KEY_COMPONENT = "M4LAreasAdmin";
+export declare const DEFAULT_VERTICAL_MODULE_ITEM_LIMIT = 3;
+export declare const DEFAULT_HORIZONTAL_MODULE_ITEM_LIMIT = 3;
+export declare const AREAS_MENU_MAX_VISIBLE_ITEMS = 5;
+export declare const AREAS_ADMIN_TOOLTIP_ENTER_DELAY_MS = 3000;
+export declare const AREAS_ADMIN_TOOLTIP_DELAY_PROPS: {
+    readonly enterDelay: 3000;
+    readonly enterNextDelay: 3000;
+};
 //# sourceMappingURL=constants.d.ts.map

package/components/areas/components/AreasAdmin/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,kBAAkB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AACzD,eAAO,MAAM,kCAAkC,IAAI,CAAC;AACpD,eAAO,MAAM,oCAAoC,IAAI,CAAC;AACtD,eAAO,MAAM,4BAA4B,IAAI,CAAC;AAC9C,eAAO,MAAM,kCAAkC,OAAQ,CAAC;AACxD,eAAO,MAAM,+BAA+B;;;CAGlC,CAAC"}

package/components/areas/components/AreasAdmin/constants.js

@@ -1,4 +1,12 @@
-const A = "M4LAreasAdmin";
+const _ = "M4LAreasAdmin", A = 3, E = 3, T = 5, I = 3e3, M = {
+  enterDelay: 3e3,
+  enterNextDelay: 3e3
+};
 export {
-  A as AREAS_ADMIN_KEY_COMPONENT
+  _ as AREAS_ADMIN_KEY_COMPONENT,
+  M as AREAS_ADMIN_TOOLTIP_DELAY_PROPS,
+  I as AREAS_ADMIN_TOOLTIP_ENTER_DELAY_MS,
+  T as AREAS_MENU_MAX_VISIBLE_ITEMS,
+  E as DEFAULT_HORIZONTAL_MODULE_ITEM_LIMIT,
+  A as DEFAULT_VERTICAL_MODULE_ITEM_LIMIT
 };

package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.d.ts

@@ -1,10 +1,29 @@
 export declare enum AreasAdminSlots {
     root = "root",
     areasAdminContent = "areasAdminContent",
+    areasTrigger = "areasTrigger",
+    areasTriggerButton = "areasTriggerButton",
+    sectionDivider = "sectionDivider",
+    areasMenuContent = "areasMenuContent",
+    areasMenuScrollArea = "areasMenuScrollArea",
+    areasMenuList = "areasMenuList",
+    areasMenuFooter = "areasMenuFooter",
+    areaMenuItemActions = "areaMenuItemActions",
+    areaMenuActionButton = "areaMenuActionButton",
     areaContainerChipIcon = "areaContainerChipIcon",
     areaContainerContentChips = "areaContainerContentChips",
     areaContentChip = "areaContentChip",
     containerAdminWindows = "containerAdminWindows",
+    containerModulesRoot = "containerModulesRoot",
+    containerModulesItems = "containerModulesItems",
+    containerModulesOverflow = "containerModulesOverflow",
+    containerModulesOverflowButton = "containerModulesOverflowButton",
+    containerModulesMenuContent = "containerModulesMenuContent",
+    containerModulesMenuHeader = "containerModulesMenuHeader",
+    containerModulesMenuHeaderTitle = "containerModulesMenuHeaderTitle",
+    containerModulesMenuHeaderCount = "containerModulesMenuHeaderCount",
+    containerModulesMenuEndAdornment = "containerModulesMenuEndAdornment",
+    moduleIconButton = "moduleIconButton",
     areaChipRoot = "areaChipRoot",
     areaContainerChipEditButton = "areaContainerChipEditButton",
     menuActionsChip = "menuActionsChip",

package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AreasAdminEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/slots/AreasAdminEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IAEzB,IAAI,SAAS;IACb,iBAAiB,sBAAsB;IACvC,qBAAqB,0BAA0B;IAC/C,yBAAyB,8BAA8B;IACvD,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAE/C,YAAY,iBAAiB;IAC7B,2BAA2B,gCAAgC;IAC3D,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,cAAc,mBAAmB;IAEjC,kBAAkB,uBAAuB;IACzC,uBAAuB,4BAA4B;IACnD,yBAAyB,8BAA8B;IACvD,aAAa,kBAAkB;IAE/B,cAAc,mBAAmB;IACjC,iBAAiB,sBAAsB;IACvC,2BAA2B,gCAAgC;IAC3D,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;CACxC"}
+{"version":3,"file":"AreasAdminEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/components/AreasAdmin/slots/AreasAdminEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IAEzB,IAAI,SAAS;IACb,iBAAiB,sBAAsB;IACvC,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;IACzC,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,aAAa,kBAAkB;IAC/B,eAAe,oBAAoB;IACnC,mBAAmB,wBAAwB;IAC3C,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,yBAAyB,8BAA8B;IACvD,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,oBAAoB,yBAAyB;IAC7C,qBAAqB,0BAA0B;IAC/C,wBAAwB,6BAA6B;IACrD,8BAA8B,mCAAmC;IACjE,2BAA2B,gCAAgC;IAC3D,0BAA0B,+BAA+B;IACzD,+BAA+B,oCAAoC;IACnE,+BAA+B,oCAAoC;IACnE,gCAAgC,qCAAqC;IACrE,gBAAgB,qBAAqB;IAErC,YAAY,iBAAiB;IAC7B,2BAA2B,gCAAgC;IAC3D,eAAe,oBAAoB;IACnC,qBAAqB,0BAA0B;IAC/C,cAAc,mBAAmB;IAEjC,kBAAkB,uBAAuB;IACzC,uBAAuB,4BAA4B;IACnD,yBAAyB,8BAA8B;IACvD,aAAa,kBAAkB;IAE/B,cAAc,mBAAmB;IACjC,iBAAiB,sBAAsB;IACvC,2BAA2B,gCAAgC;IAC3D,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;CACxC"}

package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.js

@@ -1,4 +1,4 @@
-var i = /* @__PURE__ */ ((e) => (e.root = "root", e.areasAdminContent = "areasAdminContent", e.areaContainerChipIcon = "areaContainerChipIcon", e.areaContainerContentChips = "areaContainerContentChips", e.areaContentChip = "areaContentChip", e.containerAdminWindows = "containerAdminWindows", e.areaChipRoot = "areaChipRoot", e.areaContainerChipEditButton = "areaContainerChipEditButton", e.menuActionsChip = "menuActionsChip", e.editAreaChipContainer = "editAreaChipContainer", e.editAreaHeader = "editAreaHeader", e.areaChipMobileRoot = "areaChipMobileRoot", e.addAreasMobileContainer = "addAreasMobileContainer", e.menuActionsAreaChipMobile = "menuActionsAreaChipMobile", e.buttonAddArea = "buttonAddArea", e.chipMobileRoot = "chipMobileRoot", e.chipMobileContent = "chipMobileContent", e.editAreaChipMobileContainer = "editAreaChipMobileContainer", e.nameChipMobile = "nameChipMobile", e.chipAreas = "chipAreas", e.iconButtonAddArea = "iconButtonAddArea", e))(i || {});
+var n = /* @__PURE__ */ ((e) => (e.root = "root", e.areasAdminContent = "areasAdminContent", e.areasTrigger = "areasTrigger", e.areasTriggerButton = "areasTriggerButton", e.sectionDivider = "sectionDivider", e.areasMenuContent = "areasMenuContent", e.areasMenuScrollArea = "areasMenuScrollArea", e.areasMenuList = "areasMenuList", e.areasMenuFooter = "areasMenuFooter", e.areaMenuItemActions = "areaMenuItemActions", e.areaMenuActionButton = "areaMenuActionButton", e.areaContainerChipIcon = "areaContainerChipIcon", e.areaContainerContentChips = "areaContainerContentChips", e.areaContentChip = "areaContentChip", e.containerAdminWindows = "containerAdminWindows", e.containerModulesRoot = "containerModulesRoot", e.containerModulesItems = "containerModulesItems", e.containerModulesOverflow = "containerModulesOverflow", e.containerModulesOverflowButton = "containerModulesOverflowButton", e.containerModulesMenuContent = "containerModulesMenuContent", e.containerModulesMenuHeader = "containerModulesMenuHeader", e.containerModulesMenuHeaderTitle = "containerModulesMenuHeaderTitle", e.containerModulesMenuHeaderCount = "containerModulesMenuHeaderCount", e.containerModulesMenuEndAdornment = "containerModulesMenuEndAdornment", e.moduleIconButton = "moduleIconButton", e.areaChipRoot = "areaChipRoot", e.areaContainerChipEditButton = "areaContainerChipEditButton", e.menuActionsChip = "menuActionsChip", e.editAreaChipContainer = "editAreaChipContainer", e.editAreaHeader = "editAreaHeader", e.areaChipMobileRoot = "areaChipMobileRoot", e.addAreasMobileContainer = "addAreasMobileContainer", e.menuActionsAreaChipMobile = "menuActionsAreaChipMobile", e.buttonAddArea = "buttonAddArea", e.chipMobileRoot = "chipMobileRoot", e.chipMobileContent = "chipMobileContent", e.editAreaChipMobileContainer = "editAreaChipMobileContainer", e.nameChipMobile = "nameChipMobile", e.chipAreas = "chipAreas", e.iconButtonAddArea = "iconButtonAddArea", e))(n || {});
 export {
-  i as AreasAdminSlots
+  n as AreasAdminSlots
 };