@m4l/components 9.1.48 → 9.1.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/@types/types.d.ts +35 -32
  2. package/components/AccountPopover/AccountPopover.d.ts +1 -1
  3. package/components/AccountPopover/AccountPopover.js +9 -1
  4. package/components/AccountPopover/AccountPopover.styles.js +21 -18
  5. package/components/AccountPopover/slots/AccountPopoverSlots.d.ts +48 -16
  6. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts +1 -1
  7. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js +19 -15
  8. package/components/AccountPopover/types.d.ts +3 -2
  9. package/components/AppBar/AppBar.d.ts +1 -1
  10. package/components/AppBar/styles.js +13 -10
  11. package/components/AppBar/types.d.ts +1 -1
  12. package/components/BaseModule/BaseModule.d.ts +4 -0
  13. package/components/CommonActions/components/ActionFormIntro/index.d.ts +4 -0
  14. package/components/MFIsolationApp/MFIsolationApp.d.ts +4 -0
  15. package/components/MenuActions/MenuActions.d.ts +1 -1
  16. package/components/MenuActions/types.d.ts +4 -4
  17. package/components/SideBar/subcomponents/ContentComponent/index.js +2 -2
  18. package/components/SideBar/subcomponents/ContentGroups/index.d.ts +0 -6
  19. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.d.ts +2 -2
  20. package/components/mui_extended/Button/Button.d.ts +1 -1
  21. package/components/mui_extended/Button/ButtonStyles.js +6 -6
  22. package/components/mui_extended/IconButton/IconButton.styles.js +5 -10
  23. package/components/mui_extended/LoadingButton/LoadingButton.d.ts +4 -0
  24. package/components/mui_extended/LoadingButton/LoadingButton.styles.d.ts +1 -0
  25. package/components/mui_extended/LoadingButton/LoadingButton.styles.js +12 -0
  26. package/components/mui_extended/MenuItem/MenuItem.d.ts +1 -1
  27. package/components/mui_extended/MenuItem/MenuItem.styles.js +10 -6
  28. package/components/mui_extended/Popover/Popover.d.ts +1 -1
  29. package/components/mui_extended/Select/Select.d.ts +2 -2
  30. package/components/mui_extended/Select/types.d.ts +2 -2
  31. package/package.json +1 -1
  32. package/test/HostThemeProviderMock.d.ts +4 -0
  33. package/test/TestAppWrapper.d.ts +2 -2
package/@types/types.d.ts CHANGED
@@ -148,6 +148,7 @@ import { BooleanFormatterOwnerState, PresentationType } from '../components/form
148
148
  import { ToggleIconButtonOwnerState, ToggleIconButtonSlotsType } from '../components/mui_extended/ToggleIconButton/types';
149
149
 
150
150
  import { PopoverOwnerState, PopoverSlotsType } from '../components/mui_extended/Popover/types';
151
+ import { AccountPopoverOwnerState, AccountPopoverSlotsType } from '../components/AccountPopover/types';
151
152
  import { PropertyVaLueOwnerState, PropertyValueType } from '../components/PropertyValue/types';
152
153
 
153
154
  declare module '@mui/material/styles' {
@@ -197,6 +198,7 @@ declare module '@mui/material/styles' {
197
198
  M4LToggleButton: ToggleButtonSlotsType;
198
199
  M4LBooleanFormatter: PresentationType;
199
200
  M4LToggleIconButton: ToggleIconButtonSlotsType;
201
+ M4LAccountPopover: AccountPopoverSlotsType;
200
202
  M4LPropertyValue: PropertyValueType;
201
203
  }
202
204
 
@@ -246,6 +248,7 @@ declare module '@mui/material/styles' {
246
248
  M4LToggleButton: Partial<ToggleButtonOwnerState>;
247
249
  M4LBooleanFormatter: Partial<BooleanFormatterOwnerState>;
248
250
  M4LToggleIconButton: Partial<ToggleIconButtonOwnerState>;
251
+ M4LAccountPopover: Partial<AccountPopoverOwnerState>;
249
252
  M4LPropertyValue: Partial<PropertyVaLueOwnerState>;
250
253
  }
251
254
 
@@ -539,36 +542,36 @@ declare module '@mui/material/styles' {
539
542
  defaultProps?: ComponentsPropsList['M4LAvatar'];
540
543
  styleOverrides?: ComponentsOverrides<Theme>['M4LAvatar'];
541
544
  variants?: ComponentsVariants['M4LAvatar'];
542
- M4LAccordion?: {
543
- defaultProps?: ComponentsPropsList['M4LAccordion'];
544
- styleOverrides?: ComponentsOverrides<Theme>['M4LAccordion'];
545
- variants?: ComponentsVariants['M4LAccordion'];
546
- };
547
- M4LPopper?: {
548
- defaultProps?: ComponentsPropsList['M4LPopper'];
549
- styleOverrides?: ComponentsOverrides<Theme>['M4LPopper'];
550
- variants?: ComponentsVariants['M4LPopper'];
551
- };
552
- M4LToggleButton?: {
553
- defaultProps?: ComponentsPropsList['M4LToggleButton'];
554
- styleOverrides?: ComponentsOverrides<Theme>['M4LToggleButton'];
555
- variants?: ComponentsVariants['M4LToggleButton'];
556
- };
557
- M4LBooleanFormatter?: {
558
- defaultProps?: ComponentsPropsList['M4LBooleanFormatter'];
559
- styleOverrides?: ComponentsOverrides<Theme>['M4LBooleanFormatter'];
560
- variants?: ComponentsVariants['M4LBooleanFormatter'];
561
- };
562
- M4LToggleIconButton?: {
563
- defaultProps?: ComponentsPropsList['M4LToggleIconButton'];
564
- styleOverrides?: ComponentsOverrides<Theme>['M4LToggleIconButton'];
565
- variants?: ComponentsVariants['M4LToggleIconButton'];
566
- M4LPropertyValue?: {
567
- defaultProps?: ComponentsPropsList['M4LPropertyValue'];
568
- styleOverrides?: ComponentsOverrides<Theme>['M4LPropertyValue'];
569
- variants?: ComponentsVariants['M4LPropertyValue'];
570
- };
571
- }
572
- }
573
- }
545
+ };
546
+ M4LAccordion?: {
547
+ defaultProps?: ComponentsPropsList['M4LAccordion'];
548
+ styleOverrides?: ComponentsOverrides<Theme>['M4LAccordion'];
549
+ variants?: ComponentsVariants['M4LAccordion'];
550
+ };
551
+ M4LPopper?: {
552
+ defaultProps?: ComponentsPropsList['M4LPopper'];
553
+ styleOverrides?: ComponentsOverrides<Theme>['M4LPopper'];
554
+ variants?: ComponentsVariants['M4LPopper'];
555
+ };
556
+ M4LToggleButton?: {
557
+ defaultProps?: ComponentsPropsList['M4LToggleButton'];
558
+ styleOverrides?: ComponentsOverrides<Theme>['M4LToggleButton'];
559
+ variants?: ComponentsVariants['M4LToggleButton'];
560
+ };
561
+ M4LBooleanFormatter?: {
562
+ defaultProps?: ComponentsPropsList['M4LBooleanFormatter'];
563
+ styleOverrides?: ComponentsOverrides<Theme>['M4LBooleanFormatter'];
564
+ variants?: ComponentsVariants['M4LBooleanFormatter'];
565
+ };
566
+ M4LToggleIconButton?: {
567
+ defaultProps?: ComponentsPropsList['M4LToggleIconButton'];
568
+ styleOverrides?: ComponentsOverrides<Theme>['M4LToggleIconButton'];
569
+ variants?: ComponentsVariants['M4LToggleIconButton'];
570
+ };
571
+ M4LAccountPopover?: {
572
+ defaultProps?: ComponentsPropsList['M4LAccountPopover'];
573
+ styleOverrides?: ComponentsOverrides<Theme>['M4LAccountPopover'];
574
+ variants?: ComponentsVariants['M4LAccountPopover'];
575
+ };
576
+ }
574
577
  }
@@ -17,7 +17,7 @@ import { AccountPopoverProps } from './types';
17
17
  * @example
18
18
  * @author Andrés Quintero - automatic
19
19
  * @createdAt 2024-12-23 09:15:44 - automatic
20
- * @updatedAt 2024-12-30 14:36:08 - automatic
20
+ * @updatedAt 2025-01-02 10:41:05 - automatic
21
21
  * @updatedUser Andrés Quintero - automatic
22
22
  */
23
23
  export declare const AccountPopover: (props: AccountPopoverProps) => import("react/jsx-runtime").JSX.Element;
@@ -8,6 +8,7 @@ import { M as MyAvatar } from "./subcomponents/MyAvatar/MyAvatar.js";
8
8
  import { u as useStateRef } from "../../hooks/useStateRef/index.js";
9
9
  import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
10
10
  import { A as AccountPopoverSlots } from "./slots/AccountPopoverEnum.js";
11
+ import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
11
12
  const AccountPopover = (props) => {
12
13
  const {
13
14
  itemHandleClick,
@@ -22,6 +23,11 @@ const AccountPopover = (props) => {
22
23
  const [open, setOpen] = useStateRef(null);
23
24
  const [menuData, setMenuData] = useState([]);
24
25
  const { networkOperation } = useNetwork();
26
+ const { currentSize } = useComponentSize(size);
27
+ const cSize = currentSize === "large" ? "medium" : currentSize;
28
+ const ownerState = {
29
+ size: cSize
30
+ };
25
31
  useEffect(() => {
26
32
  let mounted = true;
27
33
  if (asyncState === "unLoad") {
@@ -57,7 +63,8 @@ const AccountPopover = (props) => {
57
63
  /* @__PURE__ */ jsx(
58
64
  IconButtonRootStyled,
59
65
  {
60
- icon: /* @__PURE__ */ jsx(MyAvatar, { size, avatarUrl, firstName, lastName, slotAvatar: AvatarStyled }),
66
+ ownerState,
67
+ icon: /* @__PURE__ */ jsx(MyAvatar, { size: cSize, avatarUrl, firstName, lastName, slotAvatar: AvatarStyled }),
61
68
  src: "",
62
69
  onClick: handleOpen,
63
70
  selected: open ? true : false,
@@ -67,6 +74,7 @@ const AccountPopover = (props) => {
67
74
  /* @__PURE__ */ jsx(
68
75
  MenuPopover,
69
76
  {
77
+ size: cSize,
70
78
  data: menuData,
71
79
  asyncState,
72
80
  itemHandleClick,
@@ -5,7 +5,7 @@ const accountPopoverStyles = {
5
5
  * ***************************************************************
6
6
  * @author Andrés Quintero - automatic
7
7
  * @createdAt 2024-12-10 17:27:34 - automatic
8
- * @updatedAt 2024-12-30 14:36:08 - automatic
8
+ * @updatedAt 2025-01-02 11:53:10 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  iconButtonRoot: ({ theme }) => ({
@@ -26,7 +26,7 @@ const accountPopoverStyles = {
26
26
  * ******************************************************************
27
27
  * @author Andrés Quintero - automatic
28
28
  * @createdAt 2024-12-10 08:05:25 - automatic
29
- * @updatedAt 2024-12-30 14:36:08 - automatic
29
+ * @updatedAt 2025-01-02 11:53:10 - automatic
30
30
  * @updatedUser Andrés Quintero - automatic
31
31
  */
32
32
  avatar: () => ({
@@ -42,17 +42,20 @@ const accountPopoverStyles = {
42
42
  * ******************************************************************
43
43
  * @author Andrés Quintero - automatic
44
44
  * @createdAt 2024-12-10 08:05:25 - automatic
45
- * @updatedAt 2024-12-11 15:39:20 - automatic
45
+ * @updatedAt 2025-01-02 11:53:10 - automatic
46
46
  * @updatedUser Andrés Quintero - automatic
47
47
  */
48
- avatarPopover: {},
48
+ avatarPopover: ({ theme, ownerState }) => ({
49
+ width: `${theme.vars.size[theme.generalSettings.isMobile ? "mobile" : "desktop"][ownerState?.size ?? "medium"].container}`,
50
+ height: `${theme.vars.size[theme.generalSettings.isMobile ? "mobile" : "desktop"][ownerState?.size ?? "medium"].container}`
51
+ }),
49
52
  /**
50
53
  * *******************************************************************
51
54
  * Estilos para el popover que se muestra al hacer clic en el avatar.
52
55
  * *******************************************************************
53
56
  * @author Andrés Quintero - automatic
54
57
  * @createdAt 2024-12-10 17:27:34 - automatic
55
- * @updatedAt 2024-12-30 14:36:08 - automatic
58
+ * @updatedAt 2025-01-02 11:53:10 - automatic
56
59
  * @updatedUser Andrés Quintero - automatic
57
60
  */
58
61
  popoverRoot: ({ theme }) => ({
@@ -67,7 +70,7 @@ const accountPopoverStyles = {
67
70
  * ********************************************************************
68
71
  * @author Andrés Quintero - automatic
69
72
  * @createdAt 2024-12-09 17:45:48 - automatic
70
- * @updatedAt 2024-12-30 14:36:08 - automatic
73
+ * @updatedAt 2025-01-02 11:53:10 - automatic
71
74
  * @updatedUser Andrés Quintero - automatic
72
75
  */
73
76
  userDataContainer: ({ theme }) => ({
@@ -92,14 +95,14 @@ const accountPopoverStyles = {
92
95
  * ************************************************************************
93
96
  * @author Andrés Quintero - automatic
94
97
  * @createdAt 2024-12-09 17:45:48 - automatic
95
- * @updatedAt 2024-12-30 14:36:08 - automatic
98
+ * @updatedAt 2025-01-02 11:53:10 - automatic
96
99
  * @updatedUser Andrés Quintero - automatic
97
100
  */
98
101
  userNameEmail: ({ theme }) => ({
99
102
  display: "flex",
100
103
  flexDirection: "column",
101
104
  justifyContent: "flex-start",
102
- gap: theme.vars.size.baseSpacings.sp2
105
+ gap: theme.vars.size.baseSpacings.sp1
103
106
  }),
104
107
  /**
105
108
  * ***********************************************************
@@ -107,7 +110,7 @@ const accountPopoverStyles = {
107
110
  * ***********************************************************
108
111
  * @author Andrés Quintero - automatic
109
112
  * @createdAt 2024-12-09 17:45:48 - automatic
110
- * @updatedAt 2024-12-30 14:36:08 - automatic
113
+ * @updatedAt 2025-01-02 11:53:10 - automatic
111
114
  * @updatedUser Andrés Quintero - automatic
112
115
  */
113
116
  fullName: () => ({}),
@@ -117,7 +120,7 @@ const accountPopoverStyles = {
117
120
  * ********************************************************
118
121
  * @author Andrés Quintero - automatic
119
122
  * @createdAt 2024-12-09 17:45:48 - automatic
120
- * @updatedAt 2024-12-30 14:36:08 - automatic
123
+ * @updatedAt 2025-01-02 11:53:10 - automatic
121
124
  * @updatedUser Andrés Quintero - automatic
122
125
  */
123
126
  email: ({ theme }) => ({
@@ -131,7 +134,7 @@ const accountPopoverStyles = {
131
134
  * ***********************************************************************
132
135
  * @author Andrés Quintero - automatic
133
136
  * @createdAt 2024-12-09 17:45:48 - automatic
134
- * @updatedAt 2024-12-30 14:36:08 - automatic
137
+ * @updatedAt 2025-01-02 11:53:10 - automatic
135
138
  * @updatedUser Andrés Quintero - automatic
136
139
  */
137
140
  versionContainer: ({ theme }) => ({
@@ -149,7 +152,7 @@ const accountPopoverStyles = {
149
152
  * ************************************************************
150
153
  * @author Andrés Quintero - automatic
151
154
  * @createdAt 2024-12-09 17:45:48 - automatic
152
- * @updatedAt 2024-12-30 14:36:08 - automatic
155
+ * @updatedAt 2025-01-02 11:53:10 - automatic
153
156
  * @updatedUser Andrés Quintero - automatic
154
157
  */
155
158
  version: ({ theme }) => ({
@@ -164,7 +167,7 @@ const accountPopoverStyles = {
164
167
  * ******************************************************************
165
168
  * @author Andrés Quintero - automatic
166
169
  * @createdAt 2024-12-11 15:39:20 - automatic
167
- * @updatedAt 2024-12-30 14:36:08 - automatic
170
+ * @updatedAt 2025-01-02 11:53:10 - automatic
168
171
  * @updatedUser Andrés Quintero - automatic
169
172
  */
170
173
  menuItemSetting: ({ theme }) => ({
@@ -176,7 +179,7 @@ const accountPopoverStyles = {
176
179
  * ****************************************************************
177
180
  * @author Andrés Quintero - automatic
178
181
  * @createdAt 2024-12-09 17:45:48 - automatic
179
- * @updatedAt 2024-12-30 14:36:08 - automatic
182
+ * @updatedAt 2025-01-02 11:53:10 - automatic
180
183
  * @updatedUser Andrés Quintero - automatic
181
184
  */
182
185
  versionIcon: ({ theme }) => ({
@@ -191,7 +194,7 @@ const accountPopoverStyles = {
191
194
  * ********************************************************
192
195
  * @author Andrés Quintero - automatic
193
196
  * @createdAt 2024-12-11 15:39:20 - automatic
194
- * @updatedAt 2024-12-30 14:36:08 - automatic
197
+ * @updatedAt 2025-01-02 11:53:10 - automatic
195
198
  * @updatedUser Andrés Quintero - automatic
196
199
  */
197
200
  menuItem: ({ theme }) => ({
@@ -203,7 +206,7 @@ const accountPopoverStyles = {
203
206
  * ********************************************************
204
207
  * @author Andrés Quintero - automatic
205
208
  * @createdAt 2024-12-10 08:05:25 - automatic
206
- * @updatedAt 2024-12-30 14:36:08 - automatic
209
+ * @updatedAt 2025-01-02 11:53:10 - automatic
207
210
  * @updatedUser Andrés Quintero - automatic
208
211
  */
209
212
  divider: ({ theme }) => ({
@@ -228,7 +231,7 @@ const accountPopoverStyles = {
228
231
  * *************************************************************
229
232
  * @author Andrés Quintero - automatic
230
233
  * @createdAt 2024-12-11 15:39:20 - automatic
231
- * @updatedAt 2024-12-30 14:36:08 - automatic
234
+ * @updatedAt 2025-01-02 11:53:10 - automatic
232
235
  * @updatedUser Andrés Quintero - automatic
233
236
  */
234
237
  circularPropress: () => ({}),
@@ -238,7 +241,7 @@ const accountPopoverStyles = {
238
241
  * ********************************************************
239
242
  * @author Andrés Quintero - automatic
240
243
  * @createdAt 2024-12-11 15:39:20 - automatic
241
- * @updatedAt 2024-12-30 14:36:08 - automatic
244
+ * @updatedAt 2025-01-02 11:53:10 - automatic
242
245
  * @updatedUser Andrés Quintero - automatic
243
246
  */
244
247
  menuItemLogout: ({ theme }) => ({
@@ -1,16 +1,48 @@
1
- export declare const IconButtonRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-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" | "onResize" | "onResizeCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
2
- export declare const AvatarStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "title" | "component" | "size" | "id" | "hidden" | "content" | "style" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-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" | "onResize" | "onResizeCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slotProps" | "slots" | keyof import('react').RefAttributes<HTMLDivElement> | "src" | "dataTestid" | "sizes" | "alt" | "srcSet" | "imgProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
3
- export declare const AvatarPopoverStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "title" | "component" | "size" | "id" | "hidden" | "content" | "style" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-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" | "onResize" | "onResizeCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slotProps" | "slots" | keyof import('react').RefAttributes<HTMLDivElement> | "src" | "dataTestid" | "sizes" | "alt" | "srcSet" | "imgProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
4
- export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
5
- export declare const UserDataContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
6
- export declare const UserNameEmailStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
7
- export declare const DividerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
8
- export declare const CircularProgressStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/CircularProgress/types').CircularProgressProps, keyof import('../../mui_extended/CircularProgress/types').CircularProgressProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
9
- export declare const MenuItemSettingsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
10
- export declare const MenuItemLogoutStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
11
- export declare const MenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
12
- export declare const FullNametStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
13
- export declare const EmailtStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
14
- export declare const VersionContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
15
- export declare const VersionStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
16
- export declare const VersionIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').IconProps, keyof import('../..').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
1
+ export declare const IconButtonRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-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" | "onResize" | "onResizeCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
2
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
3
+ }, {}, {}>;
4
+ export declare const AvatarStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "title" | "component" | "size" | "id" | "hidden" | "content" | "style" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-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" | "onResize" | "onResizeCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slotProps" | "slots" | keyof import('react').RefAttributes<HTMLDivElement> | "src" | "dataTestid" | "sizes" | "alt" | "srcSet" | "imgProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
5
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
6
+ }, {}, {}>;
7
+ export declare const AvatarPopoverStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "title" | "component" | "size" | "id" | "hidden" | "content" | "style" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-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" | "onResize" | "onResizeCapture" | "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" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slotProps" | "slots" | keyof import('react').RefAttributes<HTMLDivElement> | "src" | "dataTestid" | "sizes" | "alt" | "srcSet" | "imgProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
8
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
9
+ }, {}, {}>;
10
+ export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
11
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
12
+ }, {}, {}>;
13
+ export declare const UserDataContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
14
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
15
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
16
+ export declare const UserNameEmailStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
17
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
18
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
19
+ export declare const DividerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
20
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
21
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
22
+ export declare const CircularProgressStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/CircularProgress/types').CircularProgressProps, keyof import('../../mui_extended/CircularProgress/types').CircularProgressProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
23
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
24
+ }, {}, {}>;
25
+ export declare const MenuItemSettingsStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
26
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
27
+ }, {}, {}>;
28
+ export declare const MenuItemLogoutStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
29
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
30
+ }, {}, {}>;
31
+ export declare const MenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/MenuItem').MenuItemProps, keyof import('../../mui_extended/MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
32
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
33
+ }, {}, {}>;
34
+ export declare const FullNametStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
35
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
36
+ }, {}, {}>;
37
+ export declare const EmailtStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
38
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
39
+ }, {}, {}>;
40
+ export declare const VersionContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
41
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
42
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
43
+ export declare const VersionStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
44
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
45
+ }, {}, {}>;
46
+ export declare const VersionIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../..').IconProps, keyof import('../..').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown> & {
47
+ ownerState: Partial<import('../types').AccountPopoverOwnerState> & Record<string, unknown>;
48
+ }, {}, {}>;
@@ -5,7 +5,7 @@ import { MenuPopoverProps } from './types';
5
5
  * @param props
6
6
  * @author Andrés Quintero - automatic
7
7
  * @createdAt 2024-12-06 17:26:21 - automatic
8
- * @updatedAt 2024-12-30 14:36:08 - automatic
8
+ * @updatedAt 2025-01-02 10:41:05 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  export declare const MenuPopover: (props: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
@@ -5,6 +5,7 @@ import { P as PATH_VERSION, a as PATH_CONFIGURATION, b as PATH_SIGN_OFF } from "
5
5
  import { P as PopoverStyled, U as UserDataContainerStyled, a as AvatarPopoverStyled, b as UserNameEmailStyled, F as FullNametStyled, E as EmailtStyled, V as VersionContainerStyled, c as VersionStyled, d as VersionIconStyled, D as DividerStyled, C as CircularProgressStyled, M as MenuItemSettingsStyled, e as MenuItemStyled, f as MenuItemLogoutStyled } from "../../slots/AccountPopoverSlots.js";
6
6
  import { g as getNameDataTestId } from "../../tests/utils.js";
7
7
  import { M as MyAvatar } from "../MyAvatar/MyAvatar.js";
8
+ import { useTheme } from "@mui/material";
8
9
  const MenuPopover = (props) => {
9
10
  const {
10
11
  version,
@@ -15,11 +16,14 @@ const MenuPopover = (props) => {
15
16
  handleLogOut,
16
17
  itemHandleClick,
17
18
  data = [],
18
- asyncState
19
+ asyncState,
20
+ size
19
21
  } = props;
20
22
  const { host_static_assets, environment_assets } = useEnvironment();
21
23
  const { firstName, lastName, email, avatarUrl } = userData || {};
22
24
  const { getLabel } = useModuleDictionary();
25
+ const theme = useTheme();
26
+ const sp2 = theme.size.baseSpacings.sp2;
23
27
  const handleItemClick = (item) => {
24
28
  itemHandleClick(item);
25
29
  handleClose();
@@ -36,32 +40,32 @@ const MenuPopover = (props) => {
36
40
  PopoverStyled,
37
41
  {
38
42
  ownerState: {},
43
+ size,
39
44
  open: Boolean(open),
40
45
  anchorEl: open,
41
46
  onClose: handleClose,
42
- arrowType: "no-arrow",
43
47
  anchorOrigin: { vertical: "bottom", horizontal: "right" },
44
48
  transformOrigin: { vertical: "top", horizontal: "right" },
45
49
  ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("popover") } : {},
46
50
  children: [
47
- /* @__PURE__ */ jsxs(UserDataContainerStyled, { children: [
51
+ /* @__PURE__ */ jsxs(UserDataContainerStyled, { ownerState: {}, children: [
48
52
  /* @__PURE__ */ jsx(MyAvatar, { avatarUrl, firstName: firstName || "first name", lastName: lastName || "last name", slotAvatar: AvatarPopoverStyled }),
49
- /* @__PURE__ */ jsxs(UserNameEmailStyled, { children: [
50
- /* @__PURE__ */ jsx(FullNametStyled, { variant: "paragraphDens", children: `${firstName} ${lastName}` }),
51
- /* @__PURE__ */ jsx(EmailtStyled, { variant: "body", children: email })
53
+ /* @__PURE__ */ jsxs(UserNameEmailStyled, { ownerState: {}, children: [
54
+ /* @__PURE__ */ jsx(FullNametStyled, { ownerState: {}, variant: "paragraphDens", skeletonWidth: `calc(${`${firstName} ${lastName}`.length}ex + ${sp2})`, children: `${firstName} ${lastName}` }),
55
+ /* @__PURE__ */ jsx(EmailtStyled, { ownerState: {}, variant: "body", skeletonWidth: `calc(${email?.length}ex + ${sp2})`, children: email })
52
56
  ] })
53
57
  ] }),
54
- /* @__PURE__ */ jsxs(VersionContainerStyled, { children: [
55
- /* @__PURE__ */ jsx(VersionStyled, { children: `${getLabel("account_popover.label_version")} ${version}` }),
56
- /* @__PURE__ */ jsx(VersionIconStyled, { src: `${host_static_assets}/${environment_assets}/${PATH_VERSION}` })
58
+ /* @__PURE__ */ jsxs(VersionContainerStyled, { ownerState: {}, children: [
59
+ /* @__PURE__ */ jsx(VersionStyled, { ownerState: {}, variant: "body", skeletonWidth: `calc(${version.length}ex + ${sp2})`, children: `${getLabel("account_popover.label_version")} ${version}` }),
60
+ /* @__PURE__ */ jsx(VersionIconStyled, { ownerState: {}, src: `${host_static_assets}/${environment_assets}/${PATH_VERSION}` })
57
61
  ] }),
58
- /* @__PURE__ */ jsx(DividerStyled, {}),
59
- asyncState === "loading" ? /* @__PURE__ */ jsx(CircularProgressStyled, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
60
- /* @__PURE__ */ jsx(MenuItemSettingsStyled, { onClick: handleClickSetting, label: getLabel("account_popover.label_settings"), endIcon: `${host_static_assets}/${environment_assets}/${PATH_CONFIGURATION}` }),
61
- data.map((option) => /* @__PURE__ */ jsx(MenuItemStyled, { onClick: () => handleItemClick(option), label: option.title }, `${option.title}-${option.module_id}`)),
62
- /* @__PURE__ */ jsx(DividerStyled, {})
62
+ /* @__PURE__ */ jsx(DividerStyled, { ownerState: {} }),
63
+ asyncState === "loading" ? /* @__PURE__ */ jsx(CircularProgressStyled, { ownerState: {} }) : /* @__PURE__ */ jsxs(Fragment, { children: [
64
+ /* @__PURE__ */ jsx(MenuItemSettingsStyled, { ownerState: {}, skeletonWidth: `calc(${getLabel("account_popover.label_settings").length}ex + ${sp2})`, onClick: handleClickSetting, label: getLabel("account_popover.label_settings"), endIcon: `${host_static_assets}/${environment_assets}/${PATH_CONFIGURATION}` }),
65
+ data.map((option) => /* @__PURE__ */ jsx(MenuItemStyled, { ownerState: {}, variant: "body", skeletonWidth: `calc(${option.title.length}ex + ${sp2})`, onClick: () => handleItemClick(option), label: option.title }, `${option.title}-${option.module_id}`)),
66
+ /* @__PURE__ */ jsx(DividerStyled, { ownerState: {} })
63
67
  ] }),
64
- /* @__PURE__ */ jsx(MenuItemLogoutStyled, { onClick: handleLogout, label: getLabel("account_popover.label_logout"), endIcon: `${host_static_assets}/${environment_assets}/${PATH_SIGN_OFF}` })
68
+ /* @__PURE__ */ jsx(MenuItemLogoutStyled, { ownerState: {}, variant: "body", skeletonWidth: `calc(${getLabel("account_popover.label_logout").length}ex + ${sp2})`, onClick: handleLogout, label: getLabel("account_popover.label_logout"), endIcon: `${host_static_assets}/${environment_assets}/${PATH_SIGN_OFF}` })
65
69
  ]
66
70
  }
67
71
  );
@@ -44,7 +44,7 @@ export interface AccountPopoverProps {
44
44
  * Procedimiento definido desde la instancia, va a ser activado por alguno de elementos del listado dinámico por medio del evento click.
45
45
  * @author Andrés Quintero - automatic
46
46
  * @createdAt 2024-12-23 09:15:45 - automatic
47
- * @updatedAt 2024-12-23 09:15:46 - automatic
47
+ * @updatedAt 2025-01-02 10:41:05 - automatic
48
48
  * @updatedUser Andrés Quintero - automatic
49
49
  */
50
50
  itemHandleClick: (item: RightMenuData) => void;
@@ -57,7 +57,7 @@ export interface AccountPopoverProps {
57
57
  * Procedimiento definido desde la instancia, el cual tiene como propósito permitir visualizar el configurador de apariencia
58
58
  * @author Andrés Quintero - automatic
59
59
  * @createdAt 2024-12-23 09:15:45 - automatic
60
- * @updatedAt 2024-12-23 09:15:46 - automatic
60
+ * @updatedAt 2025-01-02 10:41:05 - automatic
61
61
  * @updatedUser Andrés Quintero - automatic
62
62
  */
63
63
  settingsHandleOpen: () => void;
@@ -86,5 +86,6 @@ export interface AccountPopoverProps {
86
86
  */
87
87
  dataTestid?: string;
88
88
  }
89
+ export type AccountPopoverOwnerState = Pick<AccountPopoverProps, 'size'>;
89
90
  export type AccountPopoverSlotsType = keyof typeof AccountPopoverSlots;
90
91
  export type AccountPopoverStyles = OverridesStyleRules<AccountPopoverSlotsType, typeof ACCOUNT_KEY_POPOVER, Theme>;
@@ -20,7 +20,7 @@ import { AppBarProps } from './types';
20
20
  * >
21
21
  * @author Andrés Quintero - automatic
22
22
  * @createdAt 2024-11-29 14:26:18 - automatic
23
- * @updatedAt 2024-12-27 23:20:48 - automatic
23
+ * @updatedAt 2024-12-31 11:23:52 - automatic
24
24
  * @updatedUser Andrés Quintero - automatic
25
25
  */
26
26
  export declare const AppBar: (props: AppBarProps) => import("react/jsx-runtime").JSX.Element;
@@ -5,7 +5,7 @@ const appBarStyles = {
5
5
  * ****************************************************
6
6
  * @author Andrés Quintero - automatic
7
7
  * @createdAt 2024-11-30 00:04:06 - automatic
8
- * @updatedAt 2024-12-30 16:27:27 - automatic
8
+ * @updatedAt 2025-01-02 11:09:26 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  appBarRoot: ({ theme }) => ({
@@ -16,7 +16,9 @@ const appBarStyles = {
16
16
  height: theme.vars.size.baseSpacings.sp12,
17
17
  padding: `0 ${theme.generalSettings.isMobile ? theme.vars.size.baseSpacings.sp2 : theme.vars.size.baseSpacings.sp4}`,
18
18
  borderBottom: `1px solid ${theme.vars.palette.border.default}`,
19
- gap: theme.vars.size.baseSpacings.sp3
19
+ gap: theme.vars.size.baseSpacings.sp3,
20
+ width: "100%",
21
+ overflow: "hidden"
20
22
  }),
21
23
  /**
22
24
  ****************************************************
@@ -24,7 +26,7 @@ const appBarStyles = {
24
26
  * ****************************************************
25
27
  * @author Andrés Quintero - automatic
26
28
  * @createdAt 2024-11-30 00:04:06 - automatic
27
- * @updatedAt 2024-12-30 16:27:27 - automatic
29
+ * @updatedAt 2025-01-02 11:09:26 - automatic
28
30
  * @updatedUser Andrés Quintero - automatic
29
31
  */
30
32
  containerIsotypeName: ({ theme }) => ({
@@ -47,7 +49,7 @@ const appBarStyles = {
47
49
  * ****************************************************
48
50
  * @author Andrés Quintero - automatic
49
51
  * @createdAt 2024-11-30 00:04:06 - automatic
50
- * @updatedAt 2024-12-30 16:27:27 - automatic
52
+ * @updatedAt 2025-01-02 11:09:26 - automatic
51
53
  * @updatedUser Andrés Quintero - automatic
52
54
  */
53
55
  imageIsotype: ({ theme }) => ({
@@ -61,7 +63,7 @@ const appBarStyles = {
61
63
  * ****************************************************
62
64
  * @author Andrés Quintero - automatic
63
65
  * @createdAt 2024-11-30 00:04:06 - automatic
64
- * @updatedAt 2024-12-30 16:27:27 - automatic
66
+ * @updatedAt 2025-01-02 11:09:26 - automatic
65
67
  * @updatedUser Andrés Quintero - automatic
66
68
  */
67
69
  companyName: ({ theme }) => ({
@@ -76,7 +78,7 @@ const appBarStyles = {
76
78
  * ****************************************************
77
79
  * @author Andrés Quintero - automatic
78
80
  * @createdAt 2024-11-30 00:04:06 - automatic
79
- * @updatedAt 2024-12-30 16:27:27 - automatic
81
+ * @updatedAt 2025-01-02 11:09:26 - automatic
80
82
  * @updatedUser Andrés Quintero - automatic
81
83
  */
82
84
  menuIconButton: ({ theme }) => ({
@@ -89,7 +91,7 @@ const appBarStyles = {
89
91
  * **************************************************************
90
92
  * @author Andrés Quintero - automatic
91
93
  * @createdAt 2024-11-30 00:04:06 - automatic
92
- * @updatedAt 2024-12-30 16:27:27 - automatic
94
+ * @updatedAt 2025-01-02 11:09:26 - automatic
93
95
  * @updatedUser Andrés Quintero - automatic
94
96
  */
95
97
  content: ({ theme }) => ({
@@ -99,7 +101,8 @@ const appBarStyles = {
99
101
  justifyContent: "flex-start",
100
102
  alignItems: "center",
101
103
  flex: "1",
102
- height: theme.vars.size.baseSpacings.sp12
104
+ height: theme.vars.size.baseSpacings.sp12,
105
+ overflow: "auto"
103
106
  }),
104
107
  /**
105
108
  * **************************************************************
@@ -107,7 +110,7 @@ const appBarStyles = {
107
110
  * **************************************************************
108
111
  * @author Andrés Quintero - automatic
109
112
  * @createdAt 2024-12-30 16:27:25 - automatic
110
- * @updatedAt 2024-12-30 16:27:27 - automatic
113
+ * @updatedAt 2025-01-02 11:09:26 - automatic
111
114
  * @updatedUser Andrés Quintero - automatic
112
115
  */
113
116
  contentIsoType: ({ theme }) => ({
@@ -123,7 +126,7 @@ const appBarStyles = {
123
126
  * **************************************************************
124
127
  * @author Andrés Quintero - automatic
125
128
  * @createdAt 2024-12-30 16:27:25 - automatic
126
- * @updatedAt 2024-12-30 16:27:27 - automatic
129
+ * @updatedAt 2025-01-02 11:09:26 - automatic
127
130
  * @updatedUser Andrés Quintero - automatic
128
131
  */
129
132
  divider: ({ theme, ownerState }) => ({
@@ -33,7 +33,7 @@ export interface AppBarProps {
33
33
  * Función que activa la visualización del menú de la aplicación en la vista móvil.
34
34
  * @author Andrés Quintero - automatic
35
35
  * @createdAt 2024-12-31 08:24:48 - automatic
36
- * @updatedAt 2024-12-31 08:24:49 - automatic
36
+ * @updatedAt 2024-12-31 11:23:52 - automatic
37
37
  * @updatedUser Andrés Quintero - automatic
38
38
  */
39
39
  onToggleVisible: () => void;
@@ -1,5 +1,9 @@
1
1
  import { BaseModuleProps } from './types';
2
2
  /**
3
3
  * TODO: Documentar
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2024-12-31 11:23:50 - automatic
6
+ * @updatedAt 2024-12-31 11:23:52 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare function BaseModule(props: BaseModuleProps): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,9 @@
1
1
  import { LoadingButtonProps } from '../../../mui_extended/LoadingButton/types';
2
2
  /**
3
3
  * TODO: Documentar
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2024-12-31 11:23:50 - automatic
6
+ * @updatedAt 2024-12-31 11:23:53 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare function ActionFormIntro(props: LoadingButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,9 @@
1
1
  import { MFIsolationAppProps } from './types';
2
2
  /**
3
3
  * TODO: Documentar
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2024-12-31 11:23:50 - automatic
6
+ * @updatedAt 2024-12-31 11:23:53 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare function MFIsolationApp(props: MFIsolationAppProps): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ import { MenuActionsProps } from './types';
7
7
  * y estilos configurables.
8
8
  * @author cesar - automatic
9
9
  * @createdAt 2024-12-17 15:41:39 - automatic
10
- * @updatedAt 2024-12-30 14:36:09 - automatic
10
+ * @updatedAt 2024-12-31 11:23:53 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
@@ -13,7 +13,7 @@ import { MENU_ACTIONS_KEY_COMPONENT } from './constants';
13
13
  * onClick - Función a ejecutar al hacer clic en la acción.
14
14
  * @author Andrés Quintero - automatic
15
15
  * @createdAt 2024-12-27 08:27:30 - automatic
16
- * @updatedAt 2024-12-30 14:36:09 - automatic
16
+ * @updatedAt 2024-12-31 11:23:53 - automatic
17
17
  * @updatedUser Andrés Quintero - automatic
18
18
  */
19
19
  export interface ComponentActionProps {
@@ -26,7 +26,7 @@ export interface ComponentActionProps {
26
26
  * [error] - Indicador de error en la acción del menú.
27
27
  * @author Andrés Quintero - automatic
28
28
  * @createdAt 2024-12-27 08:27:30 - automatic
29
- * @updatedAt 2024-12-30 14:36:09 - automatic
29
+ * @updatedAt 2024-12-31 11:23:53 - automatic
30
30
  * @updatedUser Andrés Quintero - automatic
31
31
  */
32
32
  export interface MenuAction extends Pick<MenuItemProps, 'startIcon' | 'endIcon' | 'label' | 'selected' | 'componentPaletteColor' | 'color' | 'disabled'> {
@@ -68,7 +68,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
68
68
  * Acciones del menú, puede ser un array o una función que genere acciones.
69
69
  * @author Andrés Quintero - automatic
70
70
  * @createdAt 2024-12-27 08:27:30 - automatic
71
- * @updatedAt 2024-12-30 14:36:09 - automatic
71
+ * @updatedAt 2024-12-31 11:23:53 - automatic
72
72
  * @updatedUser Andrés Quintero - automatic
73
73
  */
74
74
  menuActions: MenuAction[] | ((row: any) => MenuAction[]);
@@ -131,7 +131,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
131
131
  * Función externa para cerrar el menú.
132
132
  * @author Andrés Quintero - automatic
133
133
  * @createdAt 2024-12-27 08:27:30 - automatic
134
- * @updatedAt 2024-12-30 14:36:09 - automatic
134
+ * @updatedAt 2024-12-31 11:23:53 - automatic
135
135
  * @updatedUser Andrés Quintero - automatic
136
136
  */
137
137
  externalClose?: (element: null | HTMLDivElement) => void;
@@ -6,11 +6,11 @@ import { F as FooterSidebar } from "../FooterSidebar/index.js";
6
6
  import { H as HeaderSidebar } from "../HeaderSidebar/index.js";
7
7
  import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
8
8
  const ContentComponent = () => {
9
- const { anchored, onToggleAnchored, companyName, companySlogan, companyLogoSmallUrl, expandedWidth } = useSideBar();
9
+ const { anchored, onToggleAnchored, companyName, companySlogan, companyLogoSmallUrl, expandedWidth, size } = useSideBar();
10
10
  const ownerState = {
11
11
  expandedWidth
12
12
  };
13
- const { currentSize } = useComponentSize();
13
+ const { currentSize } = useComponentSize(size);
14
14
  return /* @__PURE__ */ jsxs(ContentComponentRootStyled, { ownerState, children: [
15
15
  /* @__PURE__ */ jsx(
16
16
  HeaderSidebar,
@@ -3,11 +3,5 @@ import { ContentGroupsProps } from './types';
3
3
  * Renderiza el contenido de los grupos
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-11-05 17:43:01 - automatic
6
- * <<<<<<< HEAD
7
- * @updatedAt 2024-12-30 14:36:09 - automatic
8
- * =======
9
- * @updatedAt 2024-12-30 14:36:09 - automatic
10
- * >>>>>>> main
11
- * @updatedUser Andrés Quintero - automatic
12
6
  */
13
7
  export declare const ContentGroups: (contentGroupsProps: ContentGroupsProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import { MyActionsProps } from './types';
3
3
  * TODO: Documentar
4
4
  * @author SebastianM - automatic
5
5
  * @createdAt 2024-11-06 09:00:05 - automatic
6
- * @updatedAt 2024-11-06 09:00:06 - automatic
7
- * @updatedUser SebastianM - automatic
6
+ * @updatedAt 2024-12-31 11:23:53 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare function MyActions(props: MyActionsProps): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,7 @@ import { ButtonProps } from './types';
7
7
  * @returns
8
8
  * @author SebastianM - automatic
9
9
  * @createdAt 2024-11-06 07:42:00 - automatic
10
- * @updatedAt 2024-12-30 14:36:10 - automatic
10
+ * @updatedAt 2024-12-31 11:23:53 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
@@ -3,8 +3,8 @@ const buttonStyles = {
3
3
  * Styles for the root element of the button component.
4
4
  * @author SebastianM - automatic
5
5
  * @createdAt 2024-11-06 07:42:00 - automatic
6
- * @updatedAt 2024-12-18 17:33:44 - automatic
7
- * @updatedUser SebastianM - automatic
6
+ * @updatedAt 2024-12-31 11:23:53 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  buttonRoot: ({ theme, ownerState }) => ({
10
10
  display: "flex",
@@ -145,8 +145,8 @@ const buttonStyles = {
145
145
  * Styles for the text of the button component.
146
146
  * @author SebastianM - automatic
147
147
  * @createdAt 2024-11-07 18:00:35 - automatic
148
- * @updatedAt 2024-12-18 17:33:44 - automatic
149
- * @updatedUser SebastianM - automatic
148
+ * @updatedAt 2024-12-31 11:23:53 - automatic
149
+ * @updatedUser Andrés Quintero - automatic
150
150
  */
151
151
  textButton: ({ theme, ownerState }) => ({
152
152
  ...theme.typography.bodyDens,
@@ -173,8 +173,8 @@ const buttonStyles = {
173
173
  * Styles for the skeleton button component.
174
174
  * @author SebastianM - automatic
175
175
  * @createdAt 2024-11-06 10:12:30 - automatic
176
- * @updatedAt 2024-12-18 17:33:44 - automatic
177
- * @updatedUser SebastianM - automatic
176
+ * @updatedAt 2024-12-31 11:23:53 - automatic
177
+ * @updatedUser Andrés Quintero - automatic
178
178
  */
179
179
  skeletonButton: ({ theme, ownerState }) => ({
180
180
  width: "100%",
@@ -2,7 +2,7 @@ const iconButtonStyles = {
2
2
  /**
3
3
  * TODO: Documentar
4
4
  * @updatedUser Andrés Quintero - automatic
5
- * @updatedAt 2024-12-30 14:36:10 - automatic
5
+ * @updatedAt 2025-01-02 08:24:32 - automatic
6
6
  * @createdAt 2024-10-22 19:53:39 - automatic
7
7
  * @author Bruce Escobar - automatic
8
8
  */
@@ -125,21 +125,16 @@ const iconButtonStyles = {
125
125
  }
126
126
  }
127
127
  },
128
- //FocusVisible
129
- "&:focus-visible": {
130
- outline: `1px solid ${ownerState.paletteColor?.focusVisible}`,
131
- outlineOffset: -2
132
- },
133
128
  ...ownerState.selected === true && {
134
129
  outline: `1px solid ${ownerState.paletteColor?.selected}`,
135
- outlineOffset: -2
130
+ outlineOffset: 2
136
131
  }
137
132
  }),
138
133
  /**
139
134
  * Comentado por el momento, falta de documentación en Figma de Badge
140
135
  * @author Bruce Escobar - automatic
141
136
  * @createdAt 2024-10-22 09:41:31 - automatic
142
- * @updatedAt 2024-12-30 14:36:10 - automatic
137
+ * @updatedAt 2025-01-02 08:24:32 - automatic
143
138
  * @updatedUser Andrés Quintero - automatic
144
139
  */
145
140
  badgeIconButton: () => ({
@@ -180,7 +175,7 @@ const iconButtonStyles = {
180
175
  * Slot de contenedor de reactNode
181
176
  * @author Andrés Quintero - automatic
182
177
  * @createdAt 2024-12-27 08:27:31 - automatic
183
- * @updatedAt 2024-12-30 14:36:10 - automatic
178
+ * @updatedAt 2025-01-02 08:24:32 - automatic
184
179
  * @updatedUser Andrés Quintero - automatic
185
180
  */
186
181
  containReact: ({ isSkeleton }) => ({
@@ -192,7 +187,7 @@ const iconButtonStyles = {
192
187
  * Slot skeleton con sus estilos de tamaño
193
188
  * @author Andrés Quintero - automatic
194
189
  * @createdAt 2024-12-27 08:27:31 - automatic
195
- * @updatedAt 2024-12-30 14:36:10 - automatic
190
+ * @updatedAt 2025-01-02 08:24:32 - automatic
196
191
  * @updatedUser Andrés Quintero - automatic
197
192
  */
198
193
  skeleton: ({ theme, ownerState }) => ({
@@ -1,5 +1,9 @@
1
1
  import { LoadingButtonProps } from './types';
2
2
  /**
3
3
  * Componente LoadingButton que extiende las props de Button
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2024-12-31 11:23:51 - automatic
6
+ * @updatedAt 2024-12-31 11:23:53 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare const LoadingButton: (props: LoadingButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,6 @@
1
1
  import { LoadingButtonStyles } from './types';
2
2
  /**
3
3
  * Objeto que contiene todos los estilos para el componente LoadingButton.
4
+ * @createdAt 2024-12-31 11:23:51 - automatic
4
5
  */
5
6
  export declare const loadingButtonStyles: LoadingButtonStyles;
@@ -2,6 +2,10 @@ const loadingButtonStyles = {
2
2
  /**
3
3
  * Estilos para el componente Button de M4L.
4
4
  * Componente boton con variantes y paletas de colores.
5
+ * @author Andrés Quintero - automatic
6
+ * @createdAt 2024-12-31 11:23:51 - automatic
7
+ * @updatedAt 2024-12-31 11:23:53 - automatic
8
+ * @updatedUser Andrés Quintero - automatic
5
9
  */
6
10
  root: ({ ownerState }) => ({
7
11
  ...ownerState.loading && {
@@ -16,6 +20,10 @@ const loadingButtonStyles = {
16
20
  /**
17
21
  * Estilos para la versión esquelética del botón.
18
22
  * Incluye tamaños responsivos para diferentes anchos de pantalla y tamaños de botón.
23
+ * @author Andrés Quintero - automatic
24
+ * @createdAt 2024-12-31 11:23:51 - automatic
25
+ * @updatedAt 2024-12-31 11:23:53 - automatic
26
+ * @updatedUser Andrés Quintero - automatic
19
27
  */
20
28
  skeletonLoadingButton: ({ theme, ownerState }) => ({
21
29
  width: "100%",
@@ -44,6 +52,10 @@ const loadingButtonStyles = {
44
52
  /**
45
53
  * Estilos para el componente CircularProgress.
46
54
  * Posiciona el cargador dentro del botón y aplica un color consistente.
55
+ * @author Andrés Quintero - automatic
56
+ * @createdAt 2024-12-31 11:23:51 - automatic
57
+ * @updatedAt 2024-12-31 11:23:53 - automatic
58
+ * @updatedUser Andrés Quintero - automatic
47
59
  */
48
60
  circularProgress: ({ theme, ownerState }) => ({
49
61
  position: "absolute",
@@ -7,7 +7,7 @@ import { MenuItemProps } from './types';
7
7
  * @returns
8
8
  * @author Bruce Escobar - automatic
9
9
  * @createdAt 2024-10-22 19:53:39 - automatic
10
- * @updatedAt 2024-12-30 14:36:11 - automatic
10
+ * @updatedAt 2024-12-31 11:23:53 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,11 +2,15 @@ const menuItemStyles = {
2
2
  /**
3
3
  * Estilos para el contenedor de los items del menú
4
4
  * @updatedUser Andrés Quintero - automatic
5
- * @updatedAt 2024-12-30 14:36:11 - automatic
5
+ * @updatedAt 2024-12-31 11:23:53 - automatic
6
+ * @createdAt 2024-12-31 11:23:51 - automatic
7
+ * @author Andrés Quintero - automatic
8
+ * @updatedUser Andrés Quintero - automatic
9
+ * @updatedAt 2024-12-31 11:23:53 - automatic
6
10
  * @createdAt 2024-12-30 14:36:06 - automatic
7
11
  * @author Andrés Quintero - automatic
8
12
  * @updatedUser Andrés Quintero - automatic
9
- * @updatedAt 2024-12-30 14:36:11 - automatic
13
+ * @updatedAt 2024-12-31 11:23:53 - automatic
10
14
  * @createdAt 2024-12-27 08:28:33 - automatic
11
15
  * @author Andrés Quintero - automatic
12
16
  */
@@ -90,7 +94,7 @@ const menuItemStyles = {
90
94
  * Estilos para el icono de los items del menú
91
95
  * @author SebastianM - automatic
92
96
  * @createdAt 2024-12-02 19:12:14 - automatic
93
- * @updatedAt 2024-12-30 14:36:11 - automatic
97
+ * @updatedAt 2024-12-31 11:23:53 - automatic
94
98
  * @updatedUser Andrés Quintero - automatic
95
99
  */
96
100
  menuItemIcon: () => ({
@@ -102,7 +106,7 @@ const menuItemStyles = {
102
106
  * Estilos para el icono de los items del menú cuando están seleccionados
103
107
  * @author SebastianM - automatic
104
108
  * @createdAt 2024-12-13 12:45:48 - automatic
105
- * @updatedAt 2024-12-30 14:36:11 - automatic
109
+ * @updatedAt 2024-12-31 11:23:53 - automatic
106
110
  * @updatedUser Andrés Quintero - automatic
107
111
  */
108
112
  menuItemIconChecked: ({ ownerState }) => ({
@@ -116,7 +120,7 @@ const menuItemStyles = {
116
120
  * Estilos para la tipografía del menú item
117
121
  * @author SebastianM - automatic
118
122
  * @createdAt 2024-12-13 12:45:48 - automatic
119
- * @updatedAt 2024-12-30 14:36:11 - automatic
123
+ * @updatedAt 2024-12-31 11:23:53 - automatic
120
124
  * @updatedUser Andrés Quintero - automatic
121
125
  */
122
126
  menuItemTypography: () => ({}),
@@ -133,7 +137,7 @@ const menuItemStyles = {
133
137
  * Estilos para el contenedor de los items del menú en skeleton
134
138
  * @author Bruce Escobar - automatic
135
139
  * @createdAt 2024-10-22 10:38:00 - automatic
136
- * @updatedAt 2024-12-30 14:36:11 - automatic
140
+ * @updatedAt 2024-12-31 11:23:53 - automatic
137
141
  * @updatedUser Andrés Quintero - automatic
138
142
  */
139
143
  skeletonMenuItem: ({ theme, ownerState }) => ({
@@ -16,7 +16,7 @@ import { PopoverProps } from './types';
16
16
  * Componente Popover que se utiliza para mostrar información adicional en un área emergente.
17
17
  * @author Andrés Quintero - automatic
18
18
  * @createdAt 2024-12-27 08:27:31 - automatic
19
- * @updatedAt 2024-12-30 14:36:11 - automatic
19
+ * @updatedAt 2024-12-31 11:23:53 - automatic
20
20
  * @updatedUser Andrés Quintero - automatic
21
21
  */
22
22
  export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -5,7 +5,7 @@ import { SelectProps } from './types';
5
5
  * @returns {JSX.Element} The rendered Select component.
6
6
  * @author SebastianM - automatic
7
7
  * @createdAt 2024-12-23 10:47:53 - automatic
8
- * @updatedAt 2024-12-30 16:12:59 - automatic
9
- * @updatedUser SebastianM - automatic
8
+ * @updatedAt 2024-12-31 11:23:53 - automatic
9
+ * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
@@ -33,8 +33,8 @@ export type selectOption = {
33
33
  * variant - Variante del Select.
34
34
  * @author Bruce Escobar - automatic
35
35
  * @createdAt 2024-10-22 10:30:26 - automatic
36
- * @updatedAt 2024-12-30 16:12:59 - automatic
37
- * @updatedUser SebastianM - automatic
36
+ * @updatedAt 2024-12-31 11:23:53 - automatic
37
+ * @updatedUser Andrés Quintero - automatic
38
38
  */
39
39
  export interface SelectProps extends Omit<MUISelectProps, 'size' | 'onChange' | 'value' | 'error' | 'variant' | 'color'> {
40
40
  id?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.1.48",
3
+ "version": "9.1.49",
4
4
  "license": "UNLICENSED",
5
5
  "lint-staged": {
6
6
  "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
@@ -5,6 +5,10 @@ interface HostThemeProviderMockProps {
5
5
  }
6
6
  /**
7
7
  * TODO: Documentar
8
+ * @author Andrés Quintero - automatic
9
+ * @createdAt 2024-12-31 11:23:51 - automatic
10
+ * @updatedAt 2024-12-31 11:23:53 - automatic
11
+ * @updatedUser Andrés Quintero - automatic
8
12
  */
9
13
  declare const HostThemeProviderMock: (props: HostThemeProviderMockProps) => import("react/jsx-runtime").JSX.Element;
10
14
  export default HostThemeProviderMock;
@@ -26,8 +26,8 @@ interface TestAppWrapperProps {
26
26
  * );
27
27
  * @author Cesar Garces - automatic
28
28
  * @createdAt 2024-10-25 14:12:46 - automatic
29
- * @updatedAt 2024-10-25 14:12:46 - automatic
30
- * @updatedUser Cesar Garces - automatic
29
+ * @updatedAt 2024-12-31 11:23:53 - automatic
30
+ * @updatedUser Andrés Quintero - automatic
31
31
  */
32
32
  declare const TestAppWrapper: FC<TestAppWrapperProps>;
33
33
  export default TestAppWrapper;