@m4l/components 0.2.35 → 1.0.0

package/components/modal/WindowBase.a3ac7adc.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { m as modalUtilityClasses } from "./index.a0e30c8b.js";
+import { useEnvironment } from "@m4l/core";
+import clsx from "clsx";
+import { I as Icon, a as IconButton } from "../Icon/index.d5fed418.js";
+import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
+const Header = (props) => {
+  const { title, onClickCancel, urlIcon, classes } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const handlerClick = (e) => {
+    e.stopPropagation();
+    onClickCancel && onClickCancel();
+  };
+  return /* @__PURE__ */ jsxs("div", { id: "Header", className: clsx(classes.headerContainer, "m4l_draggable_handle"), children: [
+    urlIcon && /* @__PURE__ */ jsx("div", { className: classes.iconHeader, children: /* @__PURE__ */ jsx(Icon, { src: urlIcon, size: "medium" }) }),
+    /* @__PURE__ */ jsx("div", { className: classes.titleHeader, children: title }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.iconCloseHeader,
+        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
+        onClick: (e) => handlerClick(e),
+        "aria-label": "click"
+      }
+    )
+  ] });
+};
+const WindowBase = (props) => {
+  const { children, onClickCancel, ...other } = props;
+  const { closeModal, variant } = useModal();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({ variant });
+  return /* @__PURE__ */ jsxs("div", { className: classes.windowBaseRoot, children: [
+    /* @__PURE__ */ jsx(Header, { ...other, onClickCancel: onCloseCancel, classes }),
+    /* @__PURE__ */ jsx("div", { className: classes.windowContent, children })
+  ] });
+};
+export {
+  WindowBase as W
+};

package/components/modal/WindowConfirm/types.d.ts

@@ -21,12 +21,12 @@ export interface WindowConfirmProps {
      */
     titleAccept?: string;
     /**
-    * Mensaje de la ventana de confirmación.
-    */
+     * Mensaje de la ventana de confirmación.
+     */
     msg: string;
     /**
-    * Función de clic en el botón de introducción.
-    */
+     * Función de clic en el botón de introducción.
+     */
     onClickIntro?: () => void;
     /**
      * Función de clic en el botón de cancelar.

package/components/modal/WindowConfirm.e35da619.js

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { d as Actions, e as ActionCancel, f as ActionIntro } from "../../vendor.a1ce6777.js";
+import { Typography } from "@mui/material";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { e as dictionary } from "../areas/dictionary.7e74022a.js";
+import { u as useModal } from "../../hooks/useModal/index.ef54bcf2.js";
+import { I as Image } from "../Image/index.36a3d440.js";
+import { m as modalUtilityClasses } from "./index.a0e30c8b.js";
+import { W as WindowBase } from "./WindowBase.a3ac7adc.js";
+const MessageIlustration = (props) => {
+  const { getLabel } = useModuleDictionary();
+  const { variant } = useModal();
+  const {
+    msg = getLabel(dictionary.MESSAGE),
+    classes,
+    title
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`;
+  const illustrationDanger = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_danger.svg`;
+  const illustrationSuccess = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_success.svg`;
+  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_info.svg`;
+  return /* @__PURE__ */ jsx("div", { className: classes.containerMassageIlustration, children: /* @__PURE__ */ jsxs("div", { className: classes.modalContent, children: [
+    /* @__PURE__ */ jsx("div", { className: classes.illustrationContainer, children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        className: classes.illustration,
+        src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationDanger : variant === "success" ? illustrationSuccess : illustrationInfo
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle", children: title }) }),
+    /* @__PURE__ */ jsx("div", { className: classes.messageContainer, children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: msg }) })
+  ] }) });
+};
+const WindowConfirm = (props) => {
+  const { variant, title, onClickCancel, onClickIntro, msg } = props;
+  const { closeModal } = useModal();
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({ variant });
+  return /* @__PURE__ */ jsxs(
+    WindowBase,
+    {
+      title: getLabel("modal_dialog.label_window_confirm"),
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/window_confirm.svg`,
+      children: [
+        /* @__PURE__ */ jsx(MessageIlustration, { classes, msg, title }),
+        /* @__PURE__ */ jsxs(Actions, { children: [
+          /* @__PURE__ */ jsx(ActionCancel, { onClick: onCloseCancel }),
+          /* @__PURE__ */ jsx(ActionIntro, { onClick: onClickIntro })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  WindowConfirm as W
+};

package/components/modal/classes/types.d.ts

@@ -1,4 +1,4 @@
-import { modalUtilityClasses } from ".";
+import { modalUtilityClasses } from '.';
 export interface ModalClassesType {
     root: string;
     windowBaseRoot: string;

package/components/modal/{index.61389369.js → index.a0e30c8b.js}

@@ -1,6 +1,6 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-const componentName = "M4LModal";
+import { ax as componentName } from "../areas/constants.5387d83e.js";
 generateUtilityClasses(componentName, [
   "root",
   "windowBaseRoot",
@@ -27,7 +27,13 @@ function getModalUtilityClass(slot) {
 }
 const modalUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState?.variant === "delete" && "variantDelete", ownerState.variant === "warning" && "variantWarning", ownerState.variant === "info" && "variantInfo", ownerState.variant === "success" && "variantSuccess"],
+    root: [
+      "root",
+      ownerState?.variant === "delete" && "variantDelete",
+      ownerState.variant === "warning" && "variantWarning",
+      ownerState.variant === "info" && "variantInfo",
+      ownerState.variant === "success" && "variantSuccess"
+    ],
     windowBaseRoot: ["windowBaseRoot"],
     containerWindow: ["containerWindow"],
     headerContainer: ["headerContainer"],
@@ -48,10 +54,6 @@ const modalUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
-const getModalDictionary = () => {
-  return "modal_dialog";
-};
 export {
-  getModalDictionary as g,
   modalUtilityClasses as m
 };

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

@@ -1,4 +1,4 @@
-import { accordionUtilityClasses } from ".";
+import { accordionUtilityClasses } from '.';
 export interface AccordionClassesType {
     root: string;
     endIcon: string;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SKTAccordionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAccordionLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccordionRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { useAvatarUtilityClasses } from "./index";
+import { useAvatarUtilityClasses } from './index';
 export interface AvatarClassesType {
     root: string;
     skeleton: string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AvatarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Avatar/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { AvatarClassesKey } from "../classes/types";
+import { AvatarClassesKey } from '../classes/types';
 export declare const getNameAvatarDataTestId: (KEY: AvatarClassesKey) => string;

package/components/mui_extended/Badge/Badge.d.ts

@@ -1,2 +1,2 @@
-import { BadgeProps } from "./types";
+import { BadgeProps } from './types';
 export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { badgeUtilityClasses } from ".";
+import { badgeUtilityClasses } from '.';
 export interface BabgeClassesType {
     root: string;
 }

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BadgeRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { BadgeProps as MUIBadgeProps } from "@mui/material";
+import { BadgeProps as MUIBadgeProps } from '@mui/material';
 export interface BadgeProps extends MUIBadgeProps {
     dataTestId?: string;
 }

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

@@ -1,9 +1,9 @@
-import { useUtilityClasses } from ".";
+import { useUtilityClasses } from '.';
 export interface ButtonClassesType {
     root: string;
     skeleton: string;
     sizeSmall: string;
-    sizeMedium: String;
+    sizeMedium: string;
     variantOutlined: string;
     variantContained: string;
     variantText: string;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTButton: import("@emotion/styled").StyledComponent<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "style" | "children" | "width" | "className" | "height" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -1,4 +1,4 @@
-import { useUtilityClasses } from ".";
+import { useUtilityClasses } from '.';
 export interface CheckboxClassesType {
     root: string;
     skeleton: string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CheckBoxRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/CheckBox/subcomponents/Skeleton/types.d.ts

@@ -1,4 +1,4 @@
-import { Classes } from "../../classes/types";
+import { Classes } from '../../classes/types';
 export interface SkeletonCheckBoxProps {
     classes: Classes;
 }

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

@@ -1,5 +1,5 @@
-import { CheckboxProps as MUICheckboxProps } from "@mui/material";
-import { FieldLabelProps } from "../../FieldLabel/types";
+import { CheckboxProps as MUICheckboxProps } from '@mui/material';
+import { FieldLabelProps } from '../../FieldLabel/types';
 export declare type OwnerState = Pick<CheckboxProps, 'size' | 'disabled'>;
 export interface CheckboxProps extends MUICheckboxProps, Omit<FieldLabelProps, 'label'> {
     label?: string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const IconButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperImageButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/ImageButton/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { ImageButtonClassesKey } from "../utils/Clases/types";
+import { ImageButtonClassesKey } from '../utils/Clases/types';
 export declare const getNameDataTestId: (KEY: ImageButtonClassesKey) => string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/LoadingButton/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { LoadingbuttonClassesKey } from "../classes/types";
+import { LoadingbuttonClassesKey } from '../classes/types';
 export declare const getNameDataTestId: (KEY: LoadingbuttonClassesKey) => string;

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

@@ -1,4 +1,4 @@
-import { useMenuActionsUtilityClasses } from ".";
+import { useMenuActionsUtilityClasses } from '.';
 export interface MenuActionsClassesType {
     root: string;
     itemDelete: string;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "color" | "size" | "action" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { pagerUtilityClasses } from ".";
+import { pagerUtilityClasses } from '.';
 export interface PagerClassesType {
     root: string;
     labelRowsPerPageContainer: string;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PagerRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,5 +1,5 @@
-import { SelectChangeEvent, TablePaginationProps } from "@mui/material";
-import { Classes } from "../../classes/types";
+import { SelectChangeEvent, TablePaginationProps } from '@mui/material';
+import { Classes } from '../../classes/types';
 export declare type CustomTablePaginationProps = {
     rowsPerPageOptions: number[];
     onPageChange: (_event: unknown, newPage: number) => void;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Classes } from "../../classes/types";
+import { Classes } from '../../classes/types';
 export interface PagerActionsProps {
     count: number;
     page: number;

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

@@ -0,0 +1 @@
+export declare const PopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowStyleProps } from '../../types';
+export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1,2 +1,2 @@
-import { StackProps } from "@mui/material";
+import { StackProps } from '@mui/material';
 export declare const Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { useStackUtilityClasses } from ".";
+import { useStackUtilityClasses } from '.';
 export interface StackClassesType {
     root: string;
 }

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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").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/types.d.ts

@@ -1,2 +1,2 @@
-import { StackProps as MUIStackProps } from "@mui/material";
+import { StackProps as MUIStackProps } from '@mui/material';
 export declare type StackProps = MUIStackProps;

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

@@ -1,4 +1,4 @@
-import { tabUtilityClasses } from ".";
+import { tabUtilityClasses } from '.';
 export interface TabClassesType {
     root: string;
     skeleton: string;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const TabRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTTabWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/TabContent/TabContent.d.ts

@@ -1,2 +1,2 @@
-import { TabContentProps } from "./types";
+import { TabContentProps } from './types';
 export declare const TabContent: (props: TabContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { useTabContentUtilityClasses } from ".";
+import { useTabContentUtilityClasses } from '.';
 export interface TabContentClassesType {
     root: string;
 }

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TabContentRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { Key } from "react";
+import { Key } from 'react';
 export interface TabContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     style?: React.CSSProperties;

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

@@ -1,4 +1,4 @@
-import { useTabsUtilityClasses } from ".";
+import { useTabsUtilityClasses } from '.';
 export interface TabsClassesType {
     root: string;
 }

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const MUITabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "value" | "style" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "className" | "action" | "sx" | "classes" | "variant" | "slotProps" | "slots" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/ToggleButton/ToggleButton.d.ts

@@ -1,2 +1,2 @@
-import { ToggleButtonProps } from "./types";
+import { ToggleButtonProps } from './types';
 export declare const ToggleButton: (props: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/ToggleIconButton/ToggleIconButton.d.ts

@@ -1,2 +1,2 @@
-import { ToggleIconButtonProps } from "./types";
+import { ToggleIconButtonProps } from './types';
 export declare const ToggleIconButton: (props: ToggleIconButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ToggleableProps } from "../../../hocs/withToggle/types";
-import { IconButtonProps } from "../IconButton";
+import { ToggleableProps } from '../../../hocs/withToggle/types';
+import { IconButtonProps } from '../IconButton';
 export interface ToggleIconButtonProps extends Omit<IconButtonProps, 'onClick'>, ToggleableProps {
 }

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

@@ -1,4 +1,4 @@
-import { tooltipUtilityClasses } from ".";
+import { tooltipUtilityClasses } from '.';
 export interface TooltipClassesType {
     root: string;
 }

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

@@ -1,6 +1,6 @@
-import { ComponentNameToClassKey, SxProps, Theme } from "@mui/material";
-import { TooltipProps as MUITooltipProps } from "@mui/material";
-import { OverridesStyleRules } from "@mui/material/styles/overrides";
+import { ComponentNameToClassKey, SxProps, Theme } from '@mui/material';
+import { TooltipProps as MUITooltipProps } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
 export interface TooltipProps extends Omit<MUITooltipProps, 'sx'> {
     sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
 }

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WarpperTypography: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Typography/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { TypographyClassesKey } from "../utils/Clases/types";
+import { TypographyClassesKey } from '../utils/Clases/types';
 export declare const getNameDataTestId: (KEY: TypographyClassesKey) => string;

package/components/popups/PopupsProvider/{index.d7409f48.js → index.18669fb4.js}

@@ -1,13 +1,13 @@
 import React__default, { createContext, useRef, useEffect, useContext } from "react";
 import { createStore, useStore } from "zustand";
+import { jsx } from "react/jsx-runtime";
 import { shallow } from "zustand/shallow";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { p as popupsUtilityClasses } from "../PopupsViewer/index.1500ce72.js";
+import { p as popupsUtilityClasses } from "../PopupsViewer/index.ba354267.js";
 import { cloneDeep } from "lodash";
-import { jsx } from "react/jsx-runtime";
 const updateOwnerStateClasses = (state) => {
   state.classes = popupsUtilityClasses(state.ownerState);
 };
@@ -26,9 +26,7 @@ const createPopupsStore = (initProps) => {
           init: (initialPopups) => {
             set((state) => {
               for (let index = 0; index < initialPopups.length; index++) {
-                state.hashPopups[initialPopups[index].popupId] = cloneDeep(
-                  initialPopups[index]
-                );
+                state.hashPopups[initialPopups[index].popupId] = cloneDeep(initialPopups[index]);
                 state.popupsIds.push(initialPopups[index].popupId);
               }
             });
@@ -119,13 +117,8 @@ const createPopupsStore = (initProps) => {
 };
 const PopupsContext = createContext(null);
 function PopupsProvider(props) {
-  const {
-    children,
-    initialPopups
-  } = props;
-  const {
-    getLabel
-  } = useModuleDictionary();
+  const { children, initialPopups } = props;
+  const { getLabel } = useModuleDictionary();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
   const isFirstRender = useFirstRender([getLabel]);
@@ -141,10 +134,11 @@ function PopupsProvider(props) {
     });
     popupsStoreRef.current?.getState().popupsActions.init(initialPopups || []);
   }
-  const {
-    setHandlerGetLabel,
-    setExternalState
-  } = useStore(popupsStoreRef.current, (state) => state.popupsActions, shallow);
+  const { setHandlerGetLabel, setExternalState } = useStore(
+    popupsStoreRef.current,
+    (state) => state.popupsActions,
+    shallow
+  );
   useEffect(() => {
     if (!isFirstRender) {
       setHandlerGetLabel(getLabel);
@@ -154,17 +148,9 @@ function PopupsProvider(props) {
     if (isFirstRender) {
       return;
     }
-    setExternalState({
-      isMobile: !isDesktop,
-      isSkeleton
-    });
+    setExternalState({ isMobile: !isDesktop, isSkeleton });
   }, [isDesktop, isSkeleton]);
-  return /* @__PURE__ */ jsx(PopupsContext.Provider, {
-    value: popupsStoreRef.current,
-    children: /* @__PURE__ */ jsx(React__default.Fragment, {
-      children
-    })
-  });
+  return /* @__PURE__ */ jsx(PopupsContext.Provider, { value: popupsStoreRef.current, children: /* @__PURE__ */ jsx(React__default.Fragment, { children }) });
 }
 function usePopupsStore(selector, equalityFn) {
   const context = useContext(PopupsContext);