@m4l/components 0.2.35 → 0.2.36

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/{index.0e53197c.js → index.fe363ca5.js}

@@ -1,7 +1,7 @@
+import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, styled, Stack as Stack$1 } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { jsx } from "react/jsx-runtime";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [
   "root"
@@ -23,16 +23,8 @@ const MUISTack = styled(Stack$1)(({ theme }) => ({
 }));
 const classes = useStackUtilityClasses();
 const Stack = (props) => {
-  const {
-    children,
-    className,
-    ...others
-  } = props;
-  return /* @__PURE__ */ jsx(MUISTack, {
-    ...others,
-    className: clsx(classes.root, className),
-    children
-  });
+  const { children, className, ...others } = props;
+  return /* @__PURE__ */ jsx(MUISTack, { ...others, className: clsx(classes.root, className), children });
 };
 export {
   Stack as S

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const MUISTack: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    ref?: import("react").Ref<unknown> | undefined;
+    children?: import("react").ReactNode;
+    direction?: import("@mui/system").ResponsiveStyleValue<"column" | "row" | "column-reverse" | "row-reverse"> | undefined;
+    spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
+    divider?: import("react").ReactNode;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & 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;
+}, "ref" | "children" | "direction" | keyof import("@mui/material/OverridableComponent").CommonProps | ("px" | "p" | "top" | "minWidth" | "maxWidth" | "width" | "gridTemplateRows" | "right" | "left" | "height" | "bottom" | "gridTemplateColumns" | "color" | "flex" | "margin" | "boxSizing" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textTransform" | "position" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "boxShadow" | "maxHeight" | "minHeight" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "textAlign") | "sx" | "spacing" | "divider"> & 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/{index.9214d9cc.js → index.c5ad86e2.js}

@@ -1,10 +1,10 @@
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass, styled, Tabs as Tabs$1, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
 import { createContext, useState } from "react";
 const componentName$2 = "M4LTabs";
 generateUtilityClasses(componentName$2, [
@@ -26,17 +26,9 @@ const MUITabs = styled(Tabs$1)(({ theme }) => ({
   ...theme.components?.M4LTabs?.styleOverrides
 }));
 const Tabs = (props) => {
-  const {
-    children,
-    className,
-    ...others
-  } = props;
+  const { children, className, ...others } = props;
   const classes = useTabsUtilityClasses();
-  return /* @__PURE__ */ jsx(MUITabs, {
-    className: clsx(classes.root, className),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(MUITabs, { className: clsx(classes.root, className), ...others, children });
 };
 const componentName$1 = "M4LTabContent";
 generateUtilityClasses(componentName$1, [
@@ -58,26 +50,14 @@ const TabContentRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LTabContent?.styleOverrides
 }));
 const TabContent = (props) => {
-  const {
-    children,
-    className,
-    ...others
-  } = props;
+  const { children, className, ...others } = props;
   const classes = useTabContentUtilityClasses();
-  return /* @__PURE__ */ jsx(TabContentRoot, {
-    className: clsx(classes.root, className),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(TabContentRoot, { className: clsx(classes.root, className), ...others, children });
 };
-const TabRoot = styled("div")(({
-  theme
-}) => ({
+const TabRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LTab?.styleOverrides
 }));
-const SKTTabWrapper = styled("div")(({
-  theme
-}) => ({
+const SKTTabWrapper = styled("div")(({ theme }) => ({
   padding: theme.spacing(1.5, 2)
 }));
 const componentName = "M4LTab";
@@ -100,52 +80,50 @@ const tabUtilityClasses = () => {
 };
 const COMPONENT_PREFIX = "m4l-tab";
 function Tab(props) {
-  const {
-    SKTWidth,
-    SKTHeight,
-    className,
-    dataTestId = "",
-    ...other
-  } = props;
+  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
   const isSkeleton = useModuleSkeleton();
   const classes = tabUtilityClasses();
-  return /* @__PURE__ */ jsx(TabRoot, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-    } : {},
-    children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, {
-      ...other
-    }) : /* @__PURE__ */ jsx(SKTTabWrapper, {
-      className: classes.skeleton,
+  return /* @__PURE__ */ jsx(
+    TabRoot,
+    {
+      className: clsx(classes.root, className),
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "skeleton", dataTestId)
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
       } : {},
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: SKTWidth,
-        height: SKTHeight
-      })
-    })
-  });
+      children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
+        SKTTabWrapper,
+        {
+          className: classes.skeleton,
+          ...process.env.NODE_ENV !== "production" ? {
+            [TEST_PROP_ID]: getNameDataTestId(
+              COMPONENT_PREFIX,
+              "skeleton",
+              dataTestId
+            )
+          } : {},
+          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
+        }
+      )
+    }
+  );
 }
 const TabContext = createContext(null);
 function TabProvider(props) {
-  const {
-    children,
-    initialValue
-  } = props;
+  const { children, initialValue } = props;
   const [currentTab, setCurrentTab] = useState(initialValue);
   const handleChange = (_event, newTab) => {
     setCurrentTab(newTab);
   };
-  return /* @__PURE__ */ jsx(TabContext.Provider, {
-    value: {
-      currentTab: currentTab.toString(),
-      handleChange
-    },
-    children
-  });
+  return /* @__PURE__ */ jsx(
+    TabContext.Provider,
+    {
+      value: {
+        currentTab: currentTab.toString(),
+        handleChange
+      },
+      children
+    }
+  );
 }
 export {
   Tabs as T,

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").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTTabWrapper: 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/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,59 @@
+/// <reference types="react" />
+export declare const MUITabs: import("@emotion/styled").StyledComponent<{
+    action?: import("react").Ref<import("@mui/material").TabsActions> | undefined;
+    allowScrollButtonsMobile?: boolean | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    centered?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TabsClasses> | undefined;
+    indicatorColor?: "primary" | "secondary" | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<Element, Event>, value: any) => void) | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    ScrollButtonComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    scrollButtons?: boolean | "auto" | undefined;
+    selectionFollowsFocus?: boolean | undefined;
+    TabIndicatorProps?: (import("react").HTMLAttributes<HTMLDivElement> & {
+        sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    }) | undefined;
+    TabScrollButtonProps?: Partial<import("@mui/material").TabScrollButtonProps> | undefined;
+    textColor?: "inherit" | "primary" | "secondary" | undefined;
+    value?: any;
+    variant?: "standard" | "fullWidth" | "scrollable" | undefined;
+    visibleScrollbar?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "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;
+}, "disabled" | "children" | "tabIndex" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "value" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "orientation" | "variant" | "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/ToggleButton/index.7fbc8614.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { B as Button, b as buttonClasses } from "../Button/index.5395d101.js";
+import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
+const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: onToggle,
+      ...props,
+      className: clsx(isToggled ? buttonClasses.togglePressed : buttonClasses.toggleNotPressed)
+    }
+  );
+};
+const ToggleButton = withToggle(ToggleAbleButton);
+export {
+  ToggleButton as T
+};

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/{index.d9dbf650.js → index.0cd347b4.js}

@@ -1,17 +1,22 @@
-import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.f8a3021b.js";
-import { w as withToggle } from "../../../hocs/withToggle/index.50aec5e4.js";
 import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.b0ee4965.js";
+import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,
   isToggled,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(IconButton, {
-    onClick: onToggle,
-    ...props,
-    className: clsx(onToggle ? iconButtonClasses.togglePressed : iconButtonClasses.toggleNotPressed)
-  });
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      onClick: onToggle,
+      ...props,
+      className: clsx(
+        onToggle ? iconButtonClasses.togglePressed : iconButtonClasses.toggleNotPressed
+      )
+    }
+  );
 };
 const ToggleIconButton = withToggle(ToggleAbleIconButton);
 export {

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/{index.24a2bc3f.js → index.49bb5ee1.js}

@@ -1,7 +1,7 @@
+import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Tooltip as Tooltip$1 } from "@mui/material";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { jsx } from "react/jsx-runtime";
 const componentName = "M4LTooltip";
 generateUtilityClasses(componentName, [
   "root"
@@ -19,24 +19,21 @@ const tooltipUtilityClasses = () => {
   };
 };
 const Tooltip = (props) => {
-  const {
-    children,
-    className,
-    ...others
-  } = props;
+  const { children, className, ...others } = props;
   const classes = tooltipUtilityClasses();
   const theme = useTheme();
   const stylesoverrides = theme.components?.M4LTooltip?.styleOverrides;
-  return /* @__PURE__ */ jsx(Tooltip$1, {
-    PopperProps: {
-      sx: {
-        ...stylesoverrides
+  return /* @__PURE__ */ jsx(
+    Tooltip$1,
+    {
+      PopperProps: {
+        sx: { ...stylesoverrides },
+        className: clsx(classes.root, className)
       },
-      className: clsx(classes.root, className)
-    },
-    ...others,
-    children
-  });
+      ...others,
+      children
+    }
+  );
 };
 export {
   Tooltip as T

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/{index.379dd374.js → index.a1e774a2.js}

@@ -1,24 +1,15 @@
+import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-const WarpperTypography = styled("div")(({
-  theme
-}) => ({
+const WarpperTypography = styled("div")(({ theme }) => ({
   ...theme.components?.M4LTypography?.styleOverrides
 }));
 const SkeletonTypography = (props) => {
-  const {
-    skeletonWidth,
-    skeletongHeight
-  } = props;
-  return /* @__PURE__ */ jsx(Skeleton, {
-    variant: "text",
-    width: skeletonWidth,
-    height: skeletongHeight
-  });
+  const { skeletonWidth, skeletongHeight } = props;
+  return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletongHeight });
 };
 generateUtilityClasses("M4LTypography", [
   "root"
@@ -49,19 +40,14 @@ function Typography(props) {
   } = props;
   const isSkeleton = useModuleSkeleton();
   const classes = useUtilityClasses();
-  return /* @__PURE__ */ jsx(WarpperTypography, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
-    } : {},
-    children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, {
-      ...other,
-      variant
-    }) : /* @__PURE__ */ jsx(SkeletonTypography, {
-      skeletonWidth,
-      skeletongHeight
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    WarpperTypography,
+    {
+      className: clsx(classes.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, { ...other, variant }) : /* @__PURE__ */ jsx(SkeletonTypography, { skeletonWidth, skeletongHeight })
+    }
+  );
 }
 export {
   Typography as T

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").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.8fb6232a.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.813854e4.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);