@m4l/components 9.74.0 → 9.74.2-beta-pkg-802-ajustes-mf-53.0

package/components/AccountPopover/AccountPopover.js

@@ -19,12 +19,12 @@ const se = (v) => {
     userData: u,
     settingsHandleOpen: O,
     size: y
-  } = v, { avatarUrl: M, firstName: z = "firstname", lastName: E = "lastname" } = u, [P, l] = c("unLoad"), [o, a] = c(null), [k, m] = c([]), [d, f] = c(), r = b(void 0), { networkOperation: p } = D(), { currentLocale: N } = _(), e = N?.localeString, { currentSize: s } = q(y), R = {
+  } = v, { avatarUrl: M, firstName: z, lastName: E } = u, [P, l] = c("unLoad"), [o, a] = c(null), [k, m] = c([]), [d, p] = c(), r = b(void 0), { networkOperation: f } = D(), { currentLocale: N } = _(), e = N?.localeString, { currentSize: s } = q(y), R = {
     size: s
   };
   j(() => {
     let t = !0;
-    return !!o && d !== e && r.current !== e ? (r.current = e, l("loading"), p({
+    return !!o && d !== e && r.current !== e ? (r.current = e, l("loading"), f({
       method: "GET",
       responseToCamelCase: !0,
       endPoint: "menus",
@@ -33,9 +33,9 @@ const se = (v) => {
         locale: e
       }
     }).then((n) => {
-      t && (l("loaded"), m(Array.isArray(n.data) ? n.data : []), f(e));
+      t && (l("loaded"), m(Array.isArray(n.data) ? n.data : []), p(e));
     }).catch((n) => {
-      t && (l("unLoad"), m([]), f(void 0));
+      t && (l("unLoad"), m([]), p(void 0));
     }).finally(() => {
       r.current === e && (r.current = void 0);
     }), function() {
@@ -43,7 +43,7 @@ const se = (v) => {
     }) : function() {
       t = !1;
     };
-  }, [o, e, d, p]);
+  }, [o, e, d, f]);
   const U = h(() => {
     a(null);
   }, [a]), x = h((t) => {

package/components/AccountPopover/AccountPopover.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPopover.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/AccountPopover.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAkB/C,eAAO,MAAM,oBAAoB,EAAE,oBAgJlC,CAAC"}
+{"version":3,"file":"AccountPopover.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/AccountPopover.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAmB/C,eAAO,MAAM,oBAAoB,EAAE,oBAuOlC,CAAC"}

package/components/AccountPopover/AccountPopover.styles.js

@@ -2,7 +2,8 @@ import { getIconPaintStyles as o } from "@m4l/base";
 import { getTypographyStyles as r } from "../../utils/getTypographyStyles.js";
 import { ACCOUNT_POPOVER_WIDTH as n } from "./constants.js";
 import { MENUITEM_CLASSES as e } from "../extended/mui/MenuItem/constants.js";
-const a = (s) => ({
+import { CLIPBOARD_CLASSES as p } from "../extended/mui/Clipboard/constants.js";
+const i = (s) => ({
   "&&&": {
     border: 0,
     padding: `${s.vars.size.baseSpacings["sp1-5"]} ${s.vars.size.baseSpacings.sp2}`,
@@ -15,12 +16,12 @@ const a = (s) => ({
       scope: `.${e.menuItemIcon}.M4LIcon-root`
     })
   }
-}), c = {
+}), b = {
   /** Styles for the account trigger and its selected avatar surface. */
-  iconButtonRoot: ({ theme: s, ownerState: i }) => ({
+  iconButtonRoot: ({ theme: s, ownerState: a }) => ({
     "&&&": {
-      width: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].box,
-      height: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].box,
+      width: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][a?.size ?? "medium"].box,
+      height: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][a?.size ?? "medium"].box,
       flexShrink: 0,
       padding: 0,
       border: `${s.vars.size.baseSpacings["sp0-5"]} solid transparent`,
@@ -37,7 +38,7 @@ const a = (s) => ({
     }
   }),
   /** Styles for the user avatar inside the account trigger. */
-  avatar: ({ theme: s, ownerState: i }) => ({
+  avatar: ({ theme: s, ownerState: a }) => ({
     "&&&": {
       width: "100%",
       height: "100%",
@@ -45,41 +46,59 @@ const a = (s) => ({
       backgroundColor: "transparent",
       borderRadius: s.vars.size.borderRadius.r2,
       boxShadow: "none",
-      ...r(s.generalSettings.isMobile, i?.size ?? "medium", "captionDens")
+      ...r(s.generalSettings.isMobile, a?.size ?? "medium", "captionDens")
     }
   }),
   /** Styles for the user avatar in the popover header. */
-  avatarPopover: ({ theme: s, ownerState: i }) => ({
+  avatarPopover: ({ theme: s, ownerState: a }) => ({
     "&&&": {
-      width: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].container,
-      height: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].container,
+      width: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][a?.size ?? "medium"].container,
+      height: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][a?.size ?? "medium"].container,
       flexShrink: 0,
       border: s.vars.size.borderStroke.actionInput,
       borderColor: s.vars.palette.border.default,
       borderRadius: s.vars.size.borderRadius.r2,
       backgroundColor: s.vars.palette.background.base,
       color: s.vars.palette.text.primary,
-      ...r(s.generalSettings.isMobile, i?.size ?? "medium", "captionDens")
+      ...r(s.generalSettings.isMobile, a?.size ?? "medium", "captionDens")
     }
   }),
   /** Styles for the popover displayed when the user opens the avatar trigger. */
-  popoverRoot: ({ theme: s, ownerState: i }) => ({
+  popoverRoot: ({ theme: s, ownerState: a }) => ({
     "&&& .MuiPaper-root": {
       width: n,
       boxSizing: "border-box",
       display: "flex",
       flexDirection: "column",
       gap: s.vars.size.baseSpacings["sp0-5"],
-      marginTop: i?.anchorOrigin?.vertical === "bottom" && i?.transformOrigin?.vertical === "top" ? s.vars.size.baseSpacings.sp2 : 0,
+      marginTop: a?.anchorOrigin?.vertical === "bottom" && a?.transformOrigin?.vertical === "top" ? s.vars.size.baseSpacings.sp2 : 0,
       // Rail placement needs a horizontal gap instead of the top-bar vertical offset.
-      marginLeft: i?.anchorOrigin?.horizontal === "right" && i?.transformOrigin?.horizontal === "left" ? s.vars.size.baseSpacings.sp2 : 0,
+      marginLeft: a?.anchorOrigin?.horizontal === "right" && a?.transformOrigin?.horizontal === "left" ? s.vars.size.baseSpacings.sp2 : 0,
       padding: s.vars.size.baseSpacings.sp3,
       backgroundColor: s.vars.palette.background.default,
       borderRadius: s.vars.size.borderRadius.r3,
       boxShadow: s.vars.customShadows.z3
     }
   }),
-  /** Styles for the user identity header in the popover. */
+  /** Share a soft accent surface across the user and business identities. */
+  identityCard: ({ theme: s }) => ({
+    display: "flex",
+    flexDirection: "column",
+    minWidth: 0,
+    padding: s.vars.size.baseSpacings.sp2,
+    marginBottom: s.vars.size.baseSpacings.sp2,
+    borderRadius: s.vars.size.borderRadius.r2,
+    backgroundColor: s.vars.palette.background.default,
+    backgroundImage: `linear-gradient(180deg, transparent, ${s.vars.palette.primary.opacity})`
+  }),
+  /** Separate user and business rows while retaining the shared card surface. */
+  identityDivider: ({ theme: s }) => ({
+    height: "1px",
+    flexShrink: 0,
+    margin: `${s.vars.size.baseSpacings.sp1} ${s.vars.size.baseSpacings.sp2}`,
+    backgroundColor: s.vars.palette.background.default
+  }),
+  /** Styles for the user identity header inside the shared identity card. */
   userDataContainer: ({ theme: s }) => ({
     display: "flex",
     flexDirection: "row",
@@ -87,9 +106,10 @@ const a = (s) => ({
     gap: s.vars.size.baseSpacings.sp3,
     width: "100%",
     alignItems: "center",
-    paddingBottom: s.vars.size.baseSpacings.sp4
+    padding: s.vars.size.baseSpacings.sp2,
+    boxSizing: "border-box"
   }),
-  /** Styles for the identity text stack, shared by the name and version. */
+  /** Styles for the identity text stack, shared by the name and email. */
   userNameEmail: ({ theme: s }) => ({
     display: "flex",
     flexDirection: "column",
@@ -105,13 +125,79 @@ const a = (s) => ({
       lineHeight: s.vars.size.baseSpacings.sp4
     }
   }),
-  /** Styles for the legacy email slot, retained for theme compatibility. */
+  /** Keep the user's email within the available header width. */
   email: ({ theme: s }) => ({
-    "&.M4lclassCssSpecificity": {
+    minWidth: 0,
+    "&&&": {
       color: s.vars.palette.text.secondary
     }
   }),
-  /** Styles for the version row directly below the user's name. */
+  /** Group the active business row on the shared user and business surface without introducing an account action. */
+  companyCard: ({ theme: s }) => ({
+    display: "flex",
+    alignItems: "center",
+    gap: s.vars.size.baseSpacings.sp3,
+    padding: s.vars.size.baseSpacings.sp2,
+    minWidth: 0
+  }),
+  /** Paint the business icon in the theme's primary accent surface. */
+  companyIcon: ({ theme: s }) => ({
+    "&&&": {
+      boxSizing: "border-box",
+      width: s.vars.size.baseSpacings.sp8,
+      height: s.vars.size.baseSpacings.sp8,
+      padding: s.vars.size.baseSpacings.sp2,
+      borderRadius: s.vars.size.borderRadius.r2,
+      backgroundColor: s.vars.palette.primary.selectedOpacity,
+      flexShrink: 0,
+      // Icon's SVG inherits the outer box size, so constrain the glyph inside its padded surface.
+      "& .MuiSvgIcon-root": {
+        width: s.vars.size.baseSpacings.sp4,
+        height: s.vars.size.baseSpacings.sp4,
+        flexShrink: 0
+      }
+    }
+  }),
+  /** Allow company text to wrap beside the fixed-size business icon. */
+  companyDetails: ({ theme: s }) => ({
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: s.vars.size.baseSpacings.sp1,
+    flex: 1,
+    minWidth: 0
+  }),
+  /** Preserve the complete legal business name, including long unbroken values. */
+  businessName: () => ({
+    "&&&": {
+      whiteSpace: "normal",
+      overflowWrap: "anywhere",
+      maxWidth: "100%"
+    }
+  }),
+  /** Keep the copyable ID and its action together on a compact bordered surface. */
+  accountId: ({ theme: s }) => ({
+    display: "flex",
+    alignItems: "center",
+    gap: s.vars.size.baseSpacings.sp1,
+    padding: `${s.vars.size.baseSpacings["sp0-5"]} ${s.vars.size.baseSpacings.sp1}`,
+    border: s.vars.size.borderStroke.actionInput,
+    borderColor: s.vars.palette.border.default,
+    borderRadius: s.vars.size.borderRadius.r1,
+    backgroundColor: s.vars.palette.background.default,
+    maxWidth: "100%",
+    boxSizing: "border-box"
+  }),
+  /** Fit the shared copy button to the account-ID chip without affecting other Clipboard consumers. */
+  accountIdCopy: ({ theme: s }) => ({
+    [`&&&.${p.iconButton}`]: {
+      width: s.vars.size.baseSpacings.sp4,
+      height: s.vars.size.baseSpacings.sp4,
+      padding: 0,
+      flexShrink: 0
+    }
+  }),
+  /** Styles for the version row outside the shared identity card. */
   versionContainer: ({ theme: s }) => ({
     display: "flex",
     flexDirection: "row",
@@ -119,15 +205,17 @@ const a = (s) => ({
     minHeight: s.vars.size.baseSpacings.sp4,
     gap: s.vars.size.baseSpacings.sp1,
     alignItems: "center",
-    minWidth: 0
+    minWidth: 0,
+    justifyContent: "space-between",
+    padding: `${s.vars.size.baseSpacings.sp1} ${s.vars.size.baseSpacings.sp2}`
   }),
   /** Styles for the version label in the popover. */
   version: () => ({
     minWidth: 0
   }),
   /** Styles for the preferences menu entry. */
-  menuItemSetting: ({ theme: s }) => a(s),
-  /** Styles for the branch icon preceding the version label. */
+  menuItemSetting: ({ theme: s }) => i(s),
+  /** Styles for the branch icon trailing the version label. */
   versionIcon: ({ theme: s }) => ({
     "&&&": {
       width: s.vars.size.baseSpacings["sp3-5"],
@@ -136,7 +224,7 @@ const a = (s) => ({
     }
   }),
   /** Styles for additional menu entries supplied by the backend. */
-  menuItem: ({ theme: s }) => a(s),
+  menuItem: ({ theme: s }) => i(s),
   /** Styles for the divider separating identity, actions, and logout. */
   divider: ({ theme: s }) => ({
     height: `calc(${s.vars.size.baseSpacings.sp3} + 1px)`,
@@ -156,8 +244,8 @@ const a = (s) => ({
   /** Styles for the progress indicator while additional actions are loading. */
   circularPropress: () => ({}),
   /** Styles for the logout menu entry. */
-  menuItemLogout: ({ theme: s }) => a(s)
+  menuItemLogout: ({ theme: s }) => i(s)
 };
 export {
-  c as accountPopoverStyles
+  b as accountPopoverStyles
 };

package/components/AccountPopover/slots/AccountPopoverEnum.d.ts

@@ -3,6 +3,8 @@ export declare enum AccountPopoverSlots {
     avatar = "avatar",
     avatarPopover = "avatarPopover",
     popoverRoot = "popoverRoot",
+    identityCard = "identityCard",
+    identityDivider = "identityDivider",
     userDataContainer = "userDataContainer",
     userNameEmail = "userNameEmail",
     divider = "divider",
@@ -12,6 +14,12 @@ export declare enum AccountPopoverSlots {
     menuItemLogout = "menuItemLogout",
     fullName = "fullName",
     email = "email",
+    companyCard = "companyCard",
+    companyIcon = "companyIcon",
+    companyDetails = "companyDetails",
+    businessName = "businessName",
+    accountId = "accountId",
+    accountIdCopy = "accountIdCopy",
     versionContainer = "versionContainer",
     version = "version",
     versionIcon = "versionIcon"

package/components/AccountPopover/slots/AccountPopoverEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPopoverEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/AccountPopover/slots/AccountPopoverEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,mBAAmB;IAC7B,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,WAAW,gBAAgB;IAC3B,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,OAAO,YAAY;IACnB,gBAAgB,qBAAqB;IACrC,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,cAAc,mBAAmB;IACjC,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,gBAAgB,qBAAqB;IACrC,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B"}
+{"version":3,"file":"AccountPopoverEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/AccountPopover/slots/AccountPopoverEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,mBAAmB;IAC7B,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,aAAa,kBAAkB;IAC/B,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,eAAe,oBAAoB;IACnC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,OAAO,YAAY;IACnB,gBAAgB,qBAAqB;IACrC,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,cAAc,mBAAmB;IACjC,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,gBAAgB,qBAAqB;IACrC,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B"}

package/components/AccountPopover/slots/AccountPopoverEnum.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((a) => (a.iconButtonRoot = "iconButtonRoot", a.avatar = "avatar", a.avatarPopover = "avatarPopover", a.popoverRoot = "popoverRoot", a.userDataContainer = "userDataContainer", a.userNameEmail = "userNameEmail", a.divider = "divider", a.circularPropress = "circularPropress", a.menuItemSetting = "menuItemSetting", a.menuItem = "menuItem", a.menuItemLogout = "menuItemLogout", a.fullName = "fullName", a.email = "email", a.versionContainer = "versionContainer", a.version = "version", a.versionIcon = "versionIcon", a))(e || {});
+var i = /* @__PURE__ */ ((a) => (a.iconButtonRoot = "iconButtonRoot", a.avatar = "avatar", a.avatarPopover = "avatarPopover", a.popoverRoot = "popoverRoot", a.identityCard = "identityCard", a.identityDivider = "identityDivider", a.userDataContainer = "userDataContainer", a.userNameEmail = "userNameEmail", a.divider = "divider", a.circularPropress = "circularPropress", a.menuItemSetting = "menuItemSetting", a.menuItem = "menuItem", a.menuItemLogout = "menuItemLogout", a.fullName = "fullName", a.email = "email", a.companyCard = "companyCard", a.companyIcon = "companyIcon", a.companyDetails = "companyDetails", a.businessName = "businessName", a.accountId = "accountId", a.accountIdCopy = "accountIdCopy", a.versionContainer = "versionContainer", a.version = "version", a.versionIcon = "versionIcon", a))(i || {});
 export {
-  e as AccountPopoverSlots
+  i as AccountPopoverSlots
 };

package/components/AccountPopover/slots/AccountPopoverSlots.d.ts

@@ -13,6 +13,12 @@ export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pi
 export declare const UserDataContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const IdentityCardStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const IdentityDividerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const UserNameEmailStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
@@ -37,6 +43,24 @@ export declare const FullNametStyled: import('@emotion/styled').StyledComponent<
 export declare const EmailtStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "children" | "className" | "sx" | "p" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "size" | "variant" | "dataTestid" | "paragraph" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+export declare const CompanyCardStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const CompanyIconStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const CompanyDetailsStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const BusinessNameStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "children" | "className" | "sx" | "p" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "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" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "size" | "variant" | "dataTestid" | "paragraph" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+export declare const AccountIdStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const AccountIdCopyStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').ClipboardProps, keyof import('../..').ClipboardProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
 export declare const VersionContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/AccountPopover/slots/AccountPopoverSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountPopoverSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/AccountPopover/slots/AccountPopoverSlots.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB;;UAGO,CAAC;AACzC,eAAO,MAAM,YAAY;;UAGO,CAAC;AACjC,eAAO,MAAM,mBAAmB;;UAGO,CAAC;AACxC,eAAO,MAAM,aAAa;;UAGW,CAAC;AACtC,eAAO,MAAM,uBAAuB;;6NAGO,CAAC;AAC5C,eAAO,MAAM,mBAAmB;;6NAGO,CAAC;AACxC,eAAO,MAAM,aAAa;;6NAGO,CAAC;AAClC,eAAO,MAAM,sBAAsB;;UAGO,CAAC;AAC3C,eAAO,MAAM,sBAAsB;;UAGM,CAAC;AAC1C,eAAO,MAAM,oBAAoB;;UAGO,CAAC;AACzC,eAAO,MAAM,cAAc;;UAGO,CAAC;AACnC,eAAO,MAAM,eAAe;;UAGM,CAAC;AACnC,eAAO,MAAM,YAAY;;UAGM,CAAC;AAChC,eAAO,MAAM,sBAAsB;;6NAGO,CAAC;AAC3C,eAAO,MAAM,aAAa;;UAGO,CAAC;AAClC,eAAO,MAAM,iBAAiB;;UAGO,CAAC"}
+{"version":3,"file":"AccountPopoverSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/AccountPopover/slots/AccountPopoverSlots.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,oBAAoB;;UAGO,CAAC;AACzC,eAAO,MAAM,YAAY;;UAGO,CAAC;AACjC,eAAO,MAAM,mBAAmB;;UAGO,CAAC;AACxC,eAAO,MAAM,aAAa;;UAGW,CAAC;AACtC,eAAO,MAAM,uBAAuB;;6NAGO,CAAC;AAC5C,eAAO,MAAM,kBAAkB;;6NAGO,CAAC;AACvC,eAAO,MAAM,qBAAqB;;6NAGO,CAAC;AAC1C,eAAO,MAAM,mBAAmB;;6NAGO,CAAC;AACxC,eAAO,MAAM,aAAa;;6NAGO,CAAC;AAClC,eAAO,MAAM,sBAAsB;;UAGO,CAAC;AAC3C,eAAO,MAAM,sBAAsB;;UAGM,CAAC;AAC1C,eAAO,MAAM,oBAAoB;;UAGO,CAAC;AACzC,eAAO,MAAM,cAAc;;UAGO,CAAC;AACnC,eAAO,MAAM,eAAe;;UAGM,CAAC;AACnC,eAAO,MAAM,YAAY;;UAGM,CAAC;AAChC,eAAO,MAAM,iBAAiB;;6NAGO,CAAC;AACtC,eAAO,MAAM,iBAAiB;;UAGO,CAAC;AACtC,eAAO,MAAM,oBAAoB;;6NAGO,CAAC;AACzC,eAAO,MAAM,kBAAkB;;UAGO,CAAC;AACvC,eAAO,MAAM,eAAe;;6NAGO,CAAC;AACpC,eAAO,MAAM,mBAAmB;;UAGO,CAAC;AACxC,eAAO,MAAM,sBAAsB;;6NAGO,CAAC;AAC3C,eAAO,MAAM,aAAa;;UAGO,CAAC;AAClC,eAAO,MAAM,iBAAiB;;UAGO,CAAC"}

package/components/AccountPopover/slots/AccountPopoverSlots.js

@@ -2,77 +2,109 @@ import { styled as o } from "@mui/material/styles";
 import { ACCOUNT_KEY_POPOVER as t } from "../constants.js";
 import { AccountPopoverSlots as e } from "./AccountPopoverEnum.js";
 import { accountPopoverStyles as n } from "../AccountPopover.styles.js";
-import { Typography as r, Icon as s } from "@m4l/base";
+import { Typography as a, Icon as s } from "@m4l/base";
 import { IconButton as i } from "../../extended/mui/IconButton/IconButton.js";
 import { Avatar as m } from "../../extended/mui/Avatar/Avatar.js";
 import { Popover as l } from "../../extended/mui/Popover/Popover.js";
-import { CircularProgress as c } from "../../extended/mui/CircularProgress/CircularProgress.js";
-import { MenuItem as a } from "../../extended/mui/MenuItem/MenuItem.js";
+import { Clipboard as c } from "../../extended/mui/Clipboard/Clipboard.js";
+import { CircularProgress as d } from "../../extended/mui/CircularProgress/CircularProgress.js";
+import { MenuItem as r } from "../../extended/mui/MenuItem/MenuItem.js";
 const g = o(i, {
   name: t,
   slot: e.iconButtonRoot
-})(n?.iconButtonRoot), N = o(m, {
+})(n?.iconButtonRoot), A = o(m, {
   name: t,
   slot: e.avatar
-})(n?.avatar), R = o(m, {
+})(n?.avatar), E = o(m, {
   name: t,
   slot: e.avatarPopover
-})(n?.avatarPopover), A = o(l, {
+})(n?.avatarPopover), R = o(l, {
   name: t,
   slot: e.popoverRoot
-})(n?.popoverRoot), E = o("div", {
+})(n?.popoverRoot), B = o("div", {
   name: t,
   slot: e.userDataContainer
-})(n?.userDataContainer), B = o("div", {
+})(n?.userDataContainer), M = o("div", {
+  name: t,
+  slot: e.identityCard
+})(n?.identityCard), V = o("div", {
+  name: t,
+  slot: e.identityDivider
+})(n?.identityDivider), b = o("div", {
   name: t,
   slot: e.userNameEmail
-})(n?.userNameEmail), D = o("div", {
+})(n?.userNameEmail), L = o("div", {
   name: t,
   slot: e.divider
-})(n?.divider), M = o(c, {
+})(n?.divider), O = o(d, {
   name: t,
   slot: e.circularPropress
-})(n?.circularPropress), V = o(a, {
+})(n?.circularPropress), U = o(r, {
   name: t,
   slot: e.menuItemSetting
-})(n?.menuItemSetting), L = o(a, {
+})(n?.menuItemSetting), T = o(r, {
   name: t,
   slot: e.menuItemLogout
-})(n?.menuItemLogout), O = o(a, {
+})(n?.menuItemLogout), _ = o(r, {
   name: t,
   slot: e.menuItem
-})(n?.menuItem), U = o(r, {
+})(n?.menuItem), h = o(a, {
   name: t,
   slot: e.fullName
-})(n?.fullName);
-o(r, {
+})(n?.fullName), x = o(a, {
   name: t,
   slot: e.email
-})(n?.email);
-const T = o("div", {
+})(n?.email), F = o("div", {
+  name: t,
+  slot: e.companyCard
+})(n?.companyCard), K = o(s, {
+  name: t,
+  slot: e.companyIcon
+})(n?.companyIcon), Y = o("div", {
+  name: t,
+  slot: e.companyDetails
+})(n?.companyDetails), j = o(a, {
+  name: t,
+  slot: e.businessName
+})(n?.businessName), k = o("div", {
+  name: t,
+  slot: e.accountId
+})(n?.accountId), q = o(c, {
+  name: t,
+  slot: e.accountIdCopy
+})(n?.accountIdCopy), w = o("div", {
   name: t,
   slot: e.versionContainer
-})(n?.versionContainer), _ = o(r, {
+})(n?.versionContainer), z = o(a, {
   name: t,
   slot: e.version
-})(n?.version), h = o(s, {
+})(n?.version), G = o(s, {
   name: t,
   slot: e.versionIcon
 })(n?.versionIcon);
 export {
-  R as AvatarPopoverStyled,
-  N as AvatarStyled,
-  M as CircularProgressStyled,
-  D as DividerStyled,
-  U as FullNametStyled,
+  q as AccountIdCopyStyled,
+  k as AccountIdStyled,
+  E as AvatarPopoverStyled,
+  A as AvatarStyled,
+  j as BusinessNameStyled,
+  O as CircularProgressStyled,
+  F as CompanyCardStyled,
+  Y as CompanyDetailsStyled,
+  K as CompanyIconStyled,
+  L as DividerStyled,
+  x as EmailtStyled,
+  h as FullNametStyled,
   g as IconButtonRootStyled,
-  L as MenuItemLogoutStyled,
-  V as MenuItemSettingsStyled,
-  O as MenuItemStyled,
-  A as PopoverStyled,
-  E as UserDataContainerStyled,
-  B as UserNameEmailStyled,
-  T as VersionContainerStyled,
-  h as VersionIconStyled,
-  _ as VersionStyled
+  M as IdentityCardStyled,
+  V as IdentityDividerStyled,
+  T as MenuItemLogoutStyled,
+  U as MenuItemSettingsStyled,
+  _ as MenuItemStyled,
+  R as PopoverStyled,
+  B as UserDataContainerStyled,
+  b as UserNameEmailStyled,
+  w as VersionContainerStyled,
+  G as VersionIconStyled,
+  z as VersionStyled
 };

package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAa3C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4DA4GlD,CAAC"}
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAe3C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4DA4IlD,CAAC"}

package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js

@@ -1,96 +1,122 @@
-import { jsxs as l, jsx as e, Fragment as b } from "@emotion/react/jsx-runtime";
-import { useEnvironment as E, useModuleDictionary as k } from "@m4l/core";
-import { Icon as m } from "@m4l/base";
-import { TEST_PROP_ID as D } from "../../../../test/constants_no_mock.js";
-import { DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN as R, DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN as x, PATH_VERSION as M, PATH_CONFIGURATION as F, ACCOUNT_MENU_MODULE_ICONS as L, PATH_SIGN_OFF as V } from "../../constants.js";
-import { PopoverStyled as H, UserDataContainerStyled as W, AvatarPopoverStyled as G, UserNameEmailStyled as j, FullNametStyled as z, VersionContainerStyled as w, VersionIconStyled as B, VersionStyled as q, DividerStyled as v, CircularProgressStyled as J, MenuItemSettingsStyled as K, MenuItemStyled as Q, MenuItemLogoutStyled as X } from "../../slots/AccountPopoverSlots.js";
-import { getNameDataTestId as Y } from "../../tests/utils.js";
-import Z from "../MyAvatar/MyAvatar.js";
-import { useTheme as ee } from "@mui/material";
-import { resolveAccountMenuIconUrl as te } from "../../helpers/resolveAccountMenuIconUrl.js";
-import { usePopoverContainer as oe } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
-const _e = (g) => {
+import { jsxs as o, jsx as e, Fragment as g } from "@emotion/react/jsx-runtime";
+import { useEnvironment as G, useModuleDictionary as j } from "@m4l/core";
+import { Typography as z, Icon as u } from "@m4l/base";
+import { PlaceBuildingOutlined as w } from "@m4l/icons";
+import { TEST_PROP_ID as O } from "../../../../test/constants_no_mock.js";
+import { DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN as K, DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN as Y, ACCOUNT_KEY_POPOVER as q, PATH_VERSION as J, PATH_CONFIGURATION as Q, ACCOUNT_MENU_MODULE_ICONS as X, PATH_SIGN_OFF as Z } from "../../constants.js";
+import { PopoverStyled as ee, IdentityCardStyled as te, UserDataContainerStyled as oe, AvatarPopoverStyled as ne, UserNameEmailStyled as re, FullNametStyled as le, EmailtStyled as ae, IdentityDividerStyled as ce, CompanyCardStyled as ie, CompanyIconStyled as se, CompanyDetailsStyled as de, BusinessNameStyled as me, AccountIdStyled as pe, AccountIdCopyStyled as ue, VersionContainerStyled as ye, VersionStyled as he, VersionIconStyled as ve, DividerStyled as b, CircularProgressStyled as Se, MenuItemSettingsStyled as _e, MenuItemStyled as Ce, MenuItemLogoutStyled as Ie } from "../../slots/AccountPopoverSlots.js";
+import { getNameDataTestId as D } from "../../tests/utils.js";
+import Ne from "../MyAvatar/MyAvatar.js";
+import { useTheme as Ae } from "@mui/material";
+import { resolveAccountMenuIconUrl as ge } from "../../helpers/resolveAccountMenuIconUrl.js";
+import { getComponentClasses as Oe } from "../../../../utils/getComponentSlotRoot.js";
+import { AccountPopoverSlots as be } from "../../slots/AccountPopoverEnum.js";
+import { usePopoverContainer as De } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
+const We = (f) => {
   const {
-    version: p,
-    handleClose: a,
-    anchorEl: s,
-    userData: S,
-    settingsHandleOpen: y,
-    handleLogOut: O,
-    itemHandleClick: C,
-    data: i = [],
-    asyncState: I,
-    size: o,
-    anchorOrigin: u = x,
-    transformOrigin: h = R
-  } = g, { hostApiRemote: N } = E(), A = oe(s), { firstName: c, lastName: d, avatarUrl: $ } = S, { getLabel: n } = k(), r = ee().size.baseSpacings.sp2, f = (t) => {
-    C(t), a();
-  }, P = () => {
-    a(), y();
-  }, T = () => {
-    O(), a();
+    version: y,
+    handleClose: c,
+    anchorEl: i,
+    userData: E,
+    settingsHandleOpen: P,
+    handleLogOut: T,
+    itemHandleClick: $,
+    data: d = [],
+    asyncState: U,
+    size: t,
+    anchorOrigin: h = Y,
+    transformOrigin: v = K
+  } = f, { hostApiRemote: x } = G(), R = De(i), { firstName: S, lastName: _, avatarUrl: k, id: C, accountId: l, accountBusinessName: L } = E, m = [S?.trim(), _?.trim()].filter(Boolean).join(" "), s = L?.trim(), I = l != null, M = !!s || I, N = Oe(q, be), { getLabel: r } = j(), p = r("account_popover.label_copy_account_id"), V = !p || /^(ND:|N_D:)/u.test(p) ? "Copy account ID" : p, a = Ae().size.baseSpacings.sp2, F = (n) => {
+    $(n), c();
+  }, B = () => {
+    c(), P();
+  }, H = () => {
+    T(), c();
   };
-  return s ? /* @__PURE__ */ l(
-    H,
+  return i ? /* @__PURE__ */ o(
+    ee,
     {
-      size: o,
-      ownerState: { size: o, anchorOrigin: u, transformOrigin: h },
-      open: !!s,
-      anchorEl: s,
-      container: A ?? void 0,
-      onClose: a,
-      anchorOrigin: u,
-      transformOrigin: h,
-      ...process.env.NODE_ENV !== "production" ? { [D]: Y("popover") } : {},
+      size: t,
+      ownerState: { size: t, anchorOrigin: h, transformOrigin: v },
+      open: !!i,
+      anchorEl: i,
+      container: R ?? void 0,
+      onClose: c,
+      anchorOrigin: h,
+      transformOrigin: v,
+      ...process.env.NODE_ENV !== "production" ? { [O]: D("popover") } : {},
       children: [
-        /* @__PURE__ */ l(W, { children: [
-          /* @__PURE__ */ e(Z, { size: o, avatarUrl: $, firstName: c || "first name", lastName: d || "last name", slotAvatar: G }),
-          /* @__PURE__ */ l(j, { children: [
-            /* @__PURE__ */ e(z, { size: o, variant: "captionDens", ellipsis: !0, skeletonWidth: `calc(${`${c} ${d}`.length}ex + ${r})`, children: `${c} ${d}` }),
-            /* @__PURE__ */ l(w, { children: [
-              /* @__PURE__ */ e(B, { src: M, color: "text.secondary" }),
-              /* @__PURE__ */ e(q, { size: o, variant: "bodyStandard", color: "text.secondary", ellipsis: !0, skeletonWidth: `calc(${p.length}ex + ${r})`, children: `${n("account_popover.label_version")} ${p}` })
-            ] })
-          ] })
+        /* @__PURE__ */ o(
+          te,
+          {
+            className: N.identityCard,
+            ...process.env.NODE_ENV !== "production" ? { [O]: D("identity-card") } : {},
+            children: [
+              /* @__PURE__ */ o(oe, { children: [
+                /* @__PURE__ */ e(Ne, { size: t, avatarUrl: k, firstName: S, lastName: _, slotAvatar: ne }),
+                /* @__PURE__ */ o(re, { children: [
+                  m && /* @__PURE__ */ e(le, { size: t, variant: "captionDens", ellipsis: !0, skeletonWidth: `calc(${m.length}ex + ${a})`, children: m }),
+                  /* @__PURE__ */ e(ae, { size: t, variant: "bodyStandard", color: "text.secondary", ellipsis: !0, title: C, children: C })
+                ] })
+              ] }),
+              M && /* @__PURE__ */ o(g, { children: [
+                /* @__PURE__ */ e(ce, { role: "separator", className: N.identityDivider }),
+                /* @__PURE__ */ o(ie, { role: "group", "aria-label": s || `ID ${l}`, children: [
+                  /* @__PURE__ */ e(se, { src: /* @__PURE__ */ e(w, {}), color: "primary.enabled" }),
+                  /* @__PURE__ */ o(de, { children: [
+                    s && /* @__PURE__ */ e(me, { size: t, variant: "bodyStandard", children: s }),
+                    I && /* @__PURE__ */ o(pe, { children: [
+                      /* @__PURE__ */ e(z, { size: t, variant: "bodyStandard", color: "text.secondary", ellipsis: !0, children: `ID ${l}` }),
+                      /* @__PURE__ */ e(ue, { value: l, size: "small", ariaLabel: V })
+                    ] })
+                  ] })
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(ye, { children: [
+          /* @__PURE__ */ e(he, { size: t, variant: "bodyStandard", color: "text.secondary", ellipsis: !0, skeletonWidth: `calc(${y.length}ex + ${a})`, children: `${r("account_popover.label_version")} ${y}` }),
+          /* @__PURE__ */ e(ve, { src: J, color: "text.secondary" })
         ] }),
-        /* @__PURE__ */ e(v, {}),
-        I === "loading" ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ l(b, { children: [
+        /* @__PURE__ */ e(b, {}),
+        U === "loading" ? /* @__PURE__ */ e(Se, {}) : /* @__PURE__ */ o(g, { children: [
           /* @__PURE__ */ e(
-            K,
+            _e,
             {
-              size: o,
-              skeletonWidth: `calc(${n("account_popover.label_settings").length}ex + ${r})`,
-              onClick: P,
-              label: n("account_popover.label_settings"),
-              endAdornment: /* @__PURE__ */ e(m, { src: F })
+              size: t,
+              skeletonWidth: `calc(${r("account_popover.label_settings").length}ex + ${a})`,
+              onClick: B,
+              label: r("account_popover.label_settings"),
+              endAdornment: /* @__PURE__ */ e(u, { src: Q })
             }
           ),
-          Array.isArray(i) && i.length > 0 && i.map((t) => {
-            const _ = L.get(t.moduleId ?? ""), U = te(N, t.iconUrl);
+          Array.isArray(d) && d.length > 0 && d.map((n) => {
+            const A = X.get(n.moduleId ?? ""), W = ge(x, n.iconUrl);
             return /* @__PURE__ */ e(
-              Q,
+              Ce,
               {
-                size: o,
+                size: t,
                 variant: "body",
-                skeletonWidth: `calc(${t.title.length}ex + ${r})`,
-                onClick: () => f(t),
-                label: t.title,
-                endAdornment: _ ? /* @__PURE__ */ e(m, { src: _ }) : U
+                skeletonWidth: `calc(${n.title.length}ex + ${a})`,
+                onClick: () => F(n),
+                label: n.title,
+                endAdornment: A ? /* @__PURE__ */ e(u, { src: A }) : W
               },
-              `${t.title}-${t.moduleId}`
+              `${n.title}-${n.moduleId}`
             );
           }),
-          /* @__PURE__ */ e(v, {})
+          /* @__PURE__ */ e(b, {})
         ] }),
         /* @__PURE__ */ e(
-          X,
+          Ie,
           {
-            size: o,
+            size: t,
             variant: "body",
-            skeletonWidth: `calc(${n("account_popover.label_logout").length}ex + ${r})`,
-            onClick: T,
-            label: n("account_popover.label_logout"),
-            endAdornment: /* @__PURE__ */ e(m, { src: V })
+            skeletonWidth: `calc(${r("account_popover.label_logout").length}ex + ${a})`,
+            onClick: H,
+            label: r("account_popover.label_logout"),
+            endAdornment: /* @__PURE__ */ e(u, { src: Z })
           }
         )
       ]
@@ -98,5 +124,5 @@ const _e = (g) => {
   ) : null;
 };
 export {
-  _e as MenuPopover
+  We as MenuPopover
 };

package/components/AccountPopover/subcomponents/MenuPopover/types.d.ts

@@ -1,6 +1,6 @@
 import { AccountPopoverProps, AsyncTypes, RightMenuData } from '../../types';
 /**
- * Propiedades extendidas para el componente PopOver.
+ * Extended properties for the account menu surface.
  */
 export interface MenuPopoverProps extends AccountPopoverProps {
     data: Array<RightMenuData> | [];

package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts

@@ -1,7 +1,7 @@
 import { MyAvatarProps } from './types';
 /**
  * Display a user avatar from the supplied image URL.
- * Without an image, use the first letters of the user's first and last names.
+ * Without an image, use real initials or a neutral user icon when names are absent.
  * @param props - The avatar data, size, and styled slot.
  * @returns The user avatar.
  */

package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MyAvatar.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAcpD"}
+{"version":3,"file":"MyAvatar.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAmBpD"}

package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.js

@@ -1,18 +1,21 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-function f(t) {
-  const { avatarUrl: a, firstName: r, lastName: e, size: o, slotAvatar: s } = t;
-  return /* @__PURE__ */ l(
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Icon as m } from "@m4l/base";
+import { UserSingleOutlined as c } from "@m4l/icons";
+function u(a) {
+  const { avatarUrl: r, firstName: o, lastName: i, size: e, slotAvatar: s } = a, n = [o, i].map((l) => l?.trim().charAt(0) ?? "").join("").toUpperCase();
+  return /* @__PURE__ */ t(
     s,
     {
       alt: "User avatar",
-      color: "default",
-      size: o,
-      ...a ? {
-        src: a
-      } : { children: `${r[0]}${e[0]}`.toUpperCase() }
+      size: e,
+      ...r ? {
+        src: r
+      } : {
+        children: n || /* @__PURE__ */ t(m, { icon: /* @__PURE__ */ t(c, {}) })
+      }
     }
   );
 }
 export {
-  f as default
+  u as default
 };

package/components/AccountPopover/subcomponents/MyAvatar/types.d.ts

@@ -1,24 +1,25 @@
 import { Maybe } from '@m4l/core';
 import { AccountPopoverProps } from '../../types';
+import { AvatarStyled } from '../../slots/AccountPopoverSlots';
 /**
- * Propiedades del componente MyAvatar.
+ * Properties used to render the shared account avatar.
  */
 export interface MyAvatarProps extends Pick<AccountPopoverProps, 'size'> {
     /**
-     * La URL del avatar.
+     * URL of the user's avatar image.
      */
     avatarUrl: Maybe<string>;
     /**
-     * El primer nombre del usuario.
+     * The user's first name, when available.
      */
-    firstName: string;
+    firstName?: string;
     /**
-     * El apellido del usuario.
+     * The user's last name, when available.
      */
-    lastName: string;
+    lastName?: string;
     /**
-     * props slots del avatar
+     * Styled avatar slot used in the trigger or menu.
      */
-    slotAvatar: any;
+    slotAvatar: typeof AvatarStyled;
 }
 //# sourceMappingURL=types.d.ts.map

package/components/AccountPopover/subcomponents/MyAvatar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MyAvatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACtE;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,GAAG,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MyAvatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC;IACtE;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,EAAE,OAAO,YAAY,CAAC;CACjC"}

package/components/MenuActions/constants.d.ts

@@ -20,5 +20,5 @@ export declare const MENU_ACTIONS_EMPTY = "menu_action_empty";
  * Prefijo de la clave que se utiliza cuando un ítem del menú está cargando en React.
  */
 export declare const MENU_ACTIONS_ = "menu_action_";
-export declare const MENU_ACTIONS_CLASSES: Record<"root" | "selected" | "menuList" | "menuLoader" | "iconButton" | "headerMenuActions" | "footerMenuActions", string>;
+export declare const MENU_ACTIONS_CLASSES: Record<"root" | "iconButton" | "selected" | "menuList" | "menuLoader" | "headerMenuActions" | "footerMenuActions", string>;
 //# sourceMappingURL=constants.d.ts.map

package/components/extended/mui/Autocomplete/constants.d.ts

@@ -36,5 +36,5 @@ export declare const AUTOCOMPLETE_POPOVER_MAX_HEIGHT = "200px";
  * Promote narrow anchors to a readable dropdown width when consumers do not override it.
  */
 export declare const AUTOCOMPLETE_POPOVER_MIN_READABLE_WIDTH_PX = 180;
-export declare const AUTOCOMPLETE_CLASSES: Record<"menuItem" | "root" | "image" | "typography" | "paper" | "multiple" | "menuList" | "iconButton" | "circularProgress" | "chip" | "popper" | "popoverScrollWrapper" | "adorments" | "skeletonAutocomplete" | "textField" | "renderInputText" | "containerMultipleValues" | "containerWrapper" | "wrapperStartAdornment" | "startAdornmentRoot" | "wrapperEndAdornment" | "refreshRotating", string>;
+export declare const AUTOCOMPLETE_CLASSES: Record<"menuItem" | "root" | "image" | "typography" | "iconButton" | "paper" | "multiple" | "menuList" | "circularProgress" | "chip" | "popper" | "popoverScrollWrapper" | "adorments" | "skeletonAutocomplete" | "textField" | "renderInputText" | "containerMultipleValues" | "containerWrapper" | "wrapperStartAdornment" | "startAdornmentRoot" | "wrapperEndAdornment" | "refreshRotating", string>;
 //# sourceMappingURL=constants.d.ts.map

package/components/extended/mui/DatePicker/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const DATE_PICKER_KEY_COMPONENT = "M4LDatePicker";
-export declare const DATE_PICKER_CLASSES: Record<"root" | "dialog" | "layout" | "actionsContainer" | "iconButton" | "textField" | "desktopPaper" | "calendarHeader", string>;
+export declare const DATE_PICKER_CLASSES: Record<"root" | "dialog" | "iconButton" | "layout" | "actionsContainer" | "textField" | "desktopPaper" | "calendarHeader", string>;
 //# sourceMappingURL=constants.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.74.0",
+  "version": "9.74.2-beta-pkg-802-ajustes-mf-53.0",
   "publishConfig": {
     "access": "public"
   },
@@ -33,7 +33,7 @@
     "eventemitter3": "4.0.7",
     "react-router-dom": "6.29.0",
     "mustache": "4.2.0",
-    "@m4l/base": "^1.0.0",
+    "@m4l/base": "^1.7.1",
     "@m4l/icons": "^1.0.0",
     "@emotion/react": "11.14.0",
     "react-toastify": "10.0.5",
@@ -54,23 +54,23 @@
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
     "react-rnd": "10.5.2",
-    "@mui/x-date-pickers": "6.20.2",
     "react-dropzone": "14.4.1",
-    "react-draggable": "4.5.0",
-    "react-color": "2.19.3",
-    "react-spinners": "0.13.8",
+    "@mui/x-date-pickers": "6.20.2",
     "@tanstack/react-virtual": "3.13.23",
-    "simplebar-react": "3.2.6",
-    "react-resizable-panels": "2.1.9",
-    "react-simple-code-editor": "0.14.1",
+    "react-spinners": "0.13.8",
+    "react-color": "2.19.3",
+    "react-draggable": "4.5.0",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
+    "simplebar-react": "3.2.6",
+    "react-resizable-panels": "2.1.9",
+    "react-simple-code-editor": "0.14.1",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-resizable": "3.1.3",
     "date-fns": "2.30.0",
-    "react-window": "1.8.11"
+    "react-window": "1.8.11",
+    "react-resizable": "3.1.3"
   }
 }