@m4l/components 9.1.90 → 9.1.92

package/@types/types.d.ts

@@ -144,6 +144,7 @@ import { MenuDividerOwnerState, MenuDividerSlotsType } from '../components/mui_e
 import { NavLinkOwnerState, NavLinkSlotsType } from '../components/mui_extended/NavLink/types';
 
 import { RHFSelectSlotsType, RHFSelectOwnerState } from '../components/hook-form/RHFSelect/types';
+import { StackOwnerState, StackSlotsType } from '../components/mui_extended/Stack/types';
 import { RHFCheckBoxOwnerState, RHFCheckBoxSlotsType } from '../components/hook-form/RHFCheckbox/types';
 import { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
 import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
@@ -208,6 +209,7 @@ declare module '@mui/material/styles' {
     M4LMenuDivider: MenuDividerSlotsType;
     M4LNavLink: NavLinkSlotsType;
     M4LRHFSelect: RHFSelectSlotsType;
+    M4LStack: StackSlotsType;
     M4LDateTimePicker: DateTimePickerSlotsType;
     M4LDivider: DividerSlotsType;
   }
@@ -270,6 +272,7 @@ declare module '@mui/material/styles' {
     M4LMenuDivider: Partial<MenuDividerOwnerState>;
     M4LNavLink: Partial<NavLinkOwnerState>;
     M4LRHFSelect: Partial<RHFSelectOwnerState>;
+    M4LStack: Partial<StackOwnerState>;
     M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
     M4LDivider: Partial<DividerOwnerState>;
   }
@@ -556,7 +559,10 @@ declare module '@mui/material/styles' {
         styleOverrides?: ComponentsOverrides<Theme>['M4LRHFSelect'];
         variants?: ComponentsVariants['M4LRHFSelect'];
     };
-
+    M4LStack?: {
+        defaultProps?: ComponentsPropsList['M4LStack'];
+        styleOverrides?: ComponentsOverrides<Theme>['M4LStack'];
+        variants?: ComponentsVariants['M4LStack'];
     M4LDateTimePicker?: {
       defaultProps?: ComponentsPropsList['M4LDateTimePicker'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LDateTimePicker'];
@@ -568,4 +574,5 @@ declare module '@mui/material/styles' {
         variants?: ComponentsVariants['M4LDivider'];
     };
   }
-}
+ }
+}

package/components/Chip/types.d.ts

@@ -39,7 +39,7 @@ export interface ChipProps {
      * Defines the color of the `Chip`.
      * @createdAt 2025-01-08 10:36:39 - automatic
      */
-    color?: Exclude<ComponentPalletColor, 'primary'> | 'florest' | 'disabled';
+    color?: Exclude<ComponentPalletColor, 'primary'> | 'forest' | 'disabled';
     /**
      * Alternative color for the `Chip`.
      */
@@ -82,7 +82,7 @@ export interface ChipProps {
 export interface ChipOwnerState extends Pick<ChipProps, 'variant' | 'externalColor'> {
     opacity?: boolean;
     chipSize: ChipProps['size'];
-    color: Exclude<ComponentPalletColor, 'primary'> | 'florest' | 'disabled';
+    color: Exclude<ComponentPalletColor, 'primary'> | 'forest' | 'disabled';
 }
 /**
  * Defines the types of Slots available for the `Chip`.

package/components/Pager/Pager.d.ts

@@ -48,7 +48,7 @@ import { PagerProps } from './types';
  * ```
  * @author cesar - automatic
  * @createdAt 2025-01-15 17:01:04 - automatic
- * @updatedAt 2025-01-21 15:32:35 - automatic
+ * @updatedAt 2025-01-29 08:56:53 - automatic
  * @updatedUser cesar - automatic
  */
 export declare function Pager(props: PagerProps): import("react/jsx-runtime").JSX.Element;

package/components/Pager/Pager.js

@@ -13,8 +13,8 @@ function Pager(props) {
     page = 0,
     onPageChange,
     onRowsPerPageChange,
-    labelRows = "Filas por página",
-    labelOf = "de",
+    labelRows,
+    labelOf,
     size = "medium"
   } = props;
   const totalPages = useMemo(() => Math.max(1, Math.ceil(totalRecords / rowsPerPage)), [totalRecords, rowsPerPage]);
@@ -24,9 +24,12 @@ function Pager(props) {
   const currentPage = useMemo(() => {
     return Math.max(0, Math.min(page, totalPages - 1));
   }, [page, totalPages]);
-  const formattedLabelDisplayedRows = useMemo(() => {
-    return totalRecords === 0 ? `${getLabel(PAGER_DICTIONARY.no_records)}` : `${getLabel(PAGER_DICTIONARY.page)}  ${currentPage + 1} ${labelOf} ${totalPages}`;
-  }, [currentPage, totalPages, labelOf, totalRecords, getLabel]);
+  const memoizedLabelOf = useMemo(() => {
+    return labelOf ?? getLabel(PAGER_DICTIONARY.of);
+  }, [labelOf, getLabel]);
+  const memoizedLabelTotalRows = useMemo(() => {
+    return labelRows ?? getLabel(PAGER_DICTIONARY.total_rows);
+  }, [labelRows, getLabel]);
   const handleChangeRowsPerPage = (option) => {
     if (onRowsPerPageChange && option.value !== void 0) {
       onRowsPerPageChange(option.value);
@@ -47,11 +50,11 @@ function Pager(props) {
       rowsPerPageOptions,
       count: totalRecords,
       rowsPerPage,
-      labelRowsPerPage: labelRows,
       page: currentPage,
       onPageChange: handleChangePage,
       onRowsPerPageChange: handleChangeRowsPerPage,
-      labelDisplayedRows: () => formattedLabelDisplayedRows
+      labelOf: memoizedLabelOf,
+      labelTotalRows: memoizedLabelTotalRows
     }
   ) });
 }

package/components/Pager/dicctionary.d.ts

@@ -8,5 +8,6 @@ export declare const PAGER_DICTIONARY: {
     readonly page: "pager.page";
     readonly no_records: "pager.no_records";
     readonly total_rows: "pager.total_rows";
+    readonly rows: "pager.rows";
 };
 export declare function getPagerComponentsDictionary(): string[];

package/components/Pager/dicctionary.js

@@ -7,7 +7,8 @@ const PAGER_DICTIONARY = {
   of: "pager.of",
   page: "pager.page",
   no_records: "pager.no_records",
-  total_rows: "pager.total_rows"
+  total_rows: "pager.total_rows",
+  rows: "pager.rows"
 };
 function getPagerComponentsDictionary() {
   return ["pager"];

package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.d.ts

@@ -3,7 +3,7 @@ import { CustomTablePaginationProps } from './types';
  * CustomTablePagination component
  * @author cesar - automatic
  * @createdAt 2025-01-15 17:13:29 - automatic
- * @updatedAt 2025-01-22 12:52:40 - automatic
+ * @updatedAt 2025-01-28 14:04:43 - automatic
  * @updatedUser cesar - automatic
  */
 export declare const CustomTablePagination: (props: CustomTablePaginationProps) => import("react/jsx-runtime").JSX.Element;

package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.js

@@ -13,7 +13,9 @@ const CustomTablePagination = (props) => {
     rowsPerPageOptions = [10, 25, 50, 100],
     onRowsPerPageChange,
     onPageChange,
-    size
+    size,
+    labelOf,
+    labelTotalRows
   } = props;
   const [localRowsPerPage, setLocalRowsPerPage] = useState(rowsPerPage);
   const [localPage, setLocalPage] = useState(Math.max(0, page));
@@ -32,13 +34,17 @@ const CustomTablePagination = (props) => {
   const currentPage = useMemo(() => {
     return Math.max(0, Math.min(localPage, totalPages - 1));
   }, [localPage, totalPages]);
+  const memoizedLabelPage = useMemo(() => getLabel(PAGER_DICTIONARY.page), [getLabel]);
+  const memoizedLabelRows = useMemo(() => getLabel(PAGER_DICTIONARY.rows), [getLabel]);
+  const memoizedLabelRowsPerPage = useMemo(() => getLabel(PAGER_DICTIONARY.rows_per_page), [getLabel]);
+  const memoizedLabelNoRecords = useMemo(() => getLabel(PAGER_DICTIONARY.no_records), [getLabel]);
   const formattedLabelDisplayedRows = useMemo(() => {
     if (countTotal === 0) {
-      return `${getLabel(PAGER_DICTIONARY.no_records)}`;
+      return memoizedLabelNoRecords;
     }
     const displayedPage = currentPage === 1 ? 1 : currentPage + 1;
-    return `${getLabel(PAGER_DICTIONARY.page)} ${displayedPage} ${getLabel(PAGER_DICTIONARY.of)} ${totalPages}`;
-  }, [currentPage, totalPages, countTotal, getLabel]);
+    return `${memoizedLabelPage} ${displayedPage} ${labelOf} ${totalPages}`;
+  }, [currentPage, totalPages, countTotal, labelOf, memoizedLabelPage, memoizedLabelNoRecords]);
   const handleChangeRowsPerPage = (option) => {
     const selectedValue = Number(option.id);
     const newTotalPages = Math.ceil(countTotal / selectedValue);
@@ -46,7 +52,7 @@ const CustomTablePagination = (props) => {
     setLocalRowsPerPage(selectedValue);
     setLocalPage(newPage);
     if (onRowsPerPageChange) {
-      onRowsPerPageChange({ id: selectedValue, value: selectedValue, label: `${selectedValue} filas` });
+      onRowsPerPageChange({ id: selectedValue, value: selectedValue, label: `${selectedValue} ${memoizedLabelRows}` });
     }
     if (onPageChange) {
       onPageChange(null, newPage);
@@ -54,9 +60,9 @@ const CustomTablePagination = (props) => {
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(TotalRowStyled, { skeletonWidth: 50, size, variant: "body", children: `${getLabel(PAGER_DICTIONARY.total_rows)}: ${countTotal}` }),
+      /* @__PURE__ */ jsx(TotalRowStyled, { skeletonWidth: 50, size, variant: "body", children: `${labelTotalRows}: ${countTotal}` }),
       /* @__PURE__ */ jsxs(LabelSelectContainerStyled, { children: [
-        /* @__PURE__ */ jsx(RowsPerPageStyled, { skeletonWidth: 50, size, variant: "body", children: `${getLabel(PAGER_DICTIONARY.rows_per_page)}:` }),
+        /* @__PURE__ */ jsx(RowsPerPageStyled, { skeletonWidth: 50, size, variant: "body", children: `${memoizedLabelRowsPerPage}:` }),
         /* @__PURE__ */ jsx(
           Select,
           {

package/components/Pager/subcomponents/CustomTablePagination/types.d.ts

@@ -1,9 +1,46 @@
 import { LabelDisplayedRowsArgs, TablePaginationProps } from '@mui/material';
 import { selectOption } from '../../types';
 export type CustomTablePaginationProps = {
+    /**
+     * Label for the rows per page select.
+     * @deprecated Use `slotProps.select` instead.
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     */
+    labelOf: string;
+    /**
+     * List of rows per page options.
+     * @author cesar - automatic
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     * @updatedAt 2025-01-28 14:04:43 - automatic
+     * @updatedUser cesar - automatic
+     */
     rowsPerPageOptions: number[];
     onPageChange: (_event: unknown, newPage: number) => void;
-    labelRowsPerPage: string;
+    /**
+     * Label rows per page.
+     * @deprecated Use `slotProps.select` instead.
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     */
+    labelRowsPerPage?: string;
+    /**
+     * Label total rows.
+     * @createdAt 2025-01-27 17:28:22 - automatic
+     */
+    labelTotalRows?: string;
+    /**
+     * Total number of rows.
+     * @author cesar - automatic
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     * @updatedAt 2025-01-28 14:04:43 - automatic
+     * @updatedUser cesar - automatic
+     */
     onRowsPerPageChange: (option: selectOption<number>) => void;
+    /**
+     * Labe displayed rows.
+     * @author cesar - automatic
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     * @updatedAt 2025-01-28 14:04:43 - automatic
+     * @updatedUser cesar - automatic
+     */
     labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => string;
 } & Omit<TablePaginationProps, 'onPageChange' | 'onRowsPerPageChange' | 'ActionsComponent' | 'labelDisplayedRows'>;

package/components/Pager/subcomponents/PagerActions/PagerActions.d.ts

@@ -1,9 +1,9 @@
 import { PagerActionsProps } from './types';
 /**
- * TODO: Documentar
+ * PagerActions component is a subcomponent of the Pager component that allows the user to navigate between different pages.
  * @author cesar - automatic
  * @createdAt 2025-01-15 17:13:29 - automatic
- * @updatedAt 2025-01-21 14:06:55 - automatic
+ * @updatedAt 2025-01-27 08:17:21 - automatic
  * @updatedUser cesar - automatic
  */
 export declare function PagerActions(props: PagerActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/Pager/types.d.ts

@@ -12,7 +12,20 @@ export interface PagerProps {
     page: number;
     onPageChange: (newPage: number) => void;
     onRowsPerPageChange: (newRowsPerPage: number) => void;
+    /**
+     * Label rows per page.
+     * @deprecated Use `slotProps.select` instead.
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     * @author cesar - automatic
+     * @updatedAt 2025-01-27 15:51:21 - automatic
+     * @updatedUser cesar - automatic
+     */
     labelRows?: string;
+    /**
+     * Label for the rows per page select.
+     * @deprecated Use `slotProps.select` instead.
+     * @createdAt 2025-01-27 15:42:54 - automatic
+     */
     labelOf?: string;
     size?: Extract<Sizes, 'small' | 'medium'>;
 }

package/components/commercial/SectionCommercial/styles.d.ts

@@ -1,5 +1 @@
-export declare const SectionCommercialRoot: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & {
-    component?: React.ElementType;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const SectionCommercialRoot: import('@emotion/styled').StyledComponent<import('../../mui_extended/Stack').StackProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/styles.d.ts

@@ -1,5 +1 @@
-export declare const StackGeofenceListRoot: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & {
-    component?: React.ElementType;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;
+export declare const StackGeofenceListRoot: import('@emotion/styled').StyledComponent<import('../../../../../../../mui_extended/Stack').StackProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;

package/components/mui_extended/Stack/Stack.d.ts

@@ -1,5 +1,5 @@
-import { StackProps } from '@mui/material';
+import { StackProps } from './types';
 /**
- * TODO: Documentar
+ * Stack es un componente contenedor para organizar elementos vertical u horizontalmente.
  */
 export declare const Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Stack/Stack.js

@@ -1,11 +1,25 @@
 import { jsx } from "react/jsx-runtime";
-import { g as getStackUtilityClasses } from "./classes/index.js";
-import { M as MUISTack } from "./styles.js";
-import clsx from "clsx";
-const classes = getStackUtilityClasses();
+import { M as MUISTackRootStyled } from "./slots/StackSlot.js";
+import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { S as STACK_KEY_COMPONENT } from "./constant.js";
+import { S as StackSlots } from "./slots/StackEnum.js";
 const Stack = (props) => {
-  const { children, className, ...others } = props;
-  return /* @__PURE__ */ jsx(MUISTack, { ...others, className: clsx(classes.root, className), children });
+  const {
+    children,
+    flexDirection,
+    dataTestId,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsx(
+    MUISTackRootStyled,
+    {
+      ownerState: {},
+      flexDirection,
+      ...getPropDataTestId(STACK_KEY_COMPONENT, StackSlots.root, dataTestId),
+      ...others,
+      children
+    }
+  );
 };
 export {
   Stack as S

package/components/mui_extended/Stack/Stack.styles.d.ts

@@ -0,0 +1,2 @@
+import { StackStyles } from './types';
+export declare const stackStyles: StackStyles;

package/components/mui_extended/Stack/Stack.styles.js

@@ -0,0 +1,9 @@
+const stackStyles = {
+  root: {
+    width: "100%",
+    height: "100%"
+  }
+};
+export {
+  stackStyles as s
+};

package/components/mui_extended/Stack/constant.d.ts

@@ -0,0 +1 @@
+export declare const STACK_KEY_COMPONENT = "M4LStack";

package/components/mui_extended/Stack/constant.js

@@ -0,0 +1,4 @@
+const STACK_KEY_COMPONENT = "M4LStack";
+export {
+  STACK_KEY_COMPONENT as S
+};

package/components/mui_extended/Stack/slots/StackEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum StackSlots {
+    root = "root"
+}

package/components/mui_extended/Stack/slots/StackEnum.js

@@ -0,0 +1,7 @@
+var StackSlots = /* @__PURE__ */ ((StackSlots2) => {
+  StackSlots2["root"] = "root";
+  return StackSlots2;
+})(StackSlots || {});
+export {
+  StackSlots as S
+};

package/components/mui_extended/Stack/slots/StackSlot.d.ts

@@ -0,0 +1,5 @@
+export declare const MUISTackRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps>, "ref" | "title" | "id" | "hidden" | "content" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "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" | "key" | keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState: any;
+}, {}, {}>;

package/components/mui_extended/Stack/slots/StackSlot.js

@@ -0,0 +1,11 @@
+import { S as STACK_KEY_COMPONENT } from "../constant.js";
+import { s as stackStyles } from "../Stack.styles.js";
+import { S as StackSlots } from "./StackEnum.js";
+import { styled, Stack } from "@mui/material";
+const MUISTackRootStyled = styled(Stack, {
+  name: STACK_KEY_COMPONENT,
+  slot: StackSlots.root
+})(stackStyles?.root);
+export {
+  MUISTackRootStyled as M
+};

package/components/mui_extended/Stack/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StackEnum';
+export * from './StackSlot';

package/components/mui_extended/Stack/slots/index.js

@@ -0,0 +1 @@
+

package/components/mui_extended/Stack/types.d.ts

@@ -1,2 +1,9 @@
-import { StackProps as MUIStackProps } from '@mui/material';
-export type StackProps = MUIStackProps;
+import { StackProps as MUIStackProps, Theme } from '@mui/material';
+import { StackSlots } from './slots';
+import { M4LOverridesStyleRules } from '../../../@types/augmentations';
+import { STACK_KEY_COMPONENT } from './constant';
+export interface StackProps extends MUIStackProps {
+    dataTestId?: string;
+}
+export type StackSlotsType = keyof typeof StackSlots;
+export type StackStyles = M4LOverridesStyleRules<StackSlotsType, typeof STACK_KEY_COMPONENT, Theme>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.90",
+  "version": "9.1.92",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/mui_extended/Stack/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LStack";

package/components/mui_extended/Stack/classes/constants.js

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

package/components/mui_extended/Stack/classes/index.d.ts

@@ -1,9 +0,0 @@
-import { StackClassesType } from './types';
-export declare const stackClasses: StackClassesType;
-export declare function getStackUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const getStackUtilityClasses: () => {
-    root: string;
-};

package/components/mui_extended/Stack/classes/index.js

@@ -1,23 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getStackUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const getStackUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getStackUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  getStackUtilityClasses as g
-};

package/components/mui_extended/Stack/classes/types.d.ts

@@ -1,6 +0,0 @@
-import { getStackUtilityClasses } from '.';
-export interface StackClassesType {
-    root: string;
-}
-export type StackClassesKey = keyof StackClassesType;
-export type Classes = ReturnType<typeof getStackUtilityClasses>;

package/components/mui_extended/Stack/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const MUISTack: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/mui_extended/Stack/styles.js

@@ -1,7 +0,0 @@
-import { styled, Stack } from "@mui/material";
-const MUISTack = styled(Stack)(({ theme }) => ({
-  ...theme.components?.M4LStack?.styleOverrides || {}
-}));
-export {
-  MUISTack as M
-};