@m4l/components 4.1.2 → 4.1.4

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

@@ -5,9 +5,7 @@ export interface PropertyValueClassesType {
     value: string;
     iconProperty: string;
     isDisabled: string;
-    isFocus: string;
     variantIsForm: string;
-    isTabSelected: string;
     isMobile: string;
 }
 export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;

package/components/PropertyValue/types.d.ts

@@ -18,8 +18,6 @@ export interface PropertyValueProps extends PropertyProps, ValueProps, Omit<Fiel
     disabled?: boolean;
 }
 export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
-    isFocus: boolean;
     isForm: boolean;
-    isTabSelected: boolean;
     isMobile: boolean;
 }

package/components/ToastContainer/helpers/toaster.d.ts

@@ -1,4 +1,5 @@
 import { ToastOptions } from 'react-toastify';
 import { Toaster } from '@m4l/core';
-declare function createToaster(containerId: ToastOptions['containerId']): Toaster;
+import { Sizes } from '@m4l/styles';
+declare function createToaster(containerId: ToastOptions['containerId'], size?: Sizes | undefined): Toaster;
 export default createToaster;

package/components/ToastContainer/slots/toastContainerSlots.d.ts

@@ -1,34 +1,34 @@
 /// <reference types="react" />
-export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const RootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const MessageRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const MessageHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const MessageIconRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageIconRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const MessageIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const MessageTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageTitleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof import("react").ClassAttributes<HTMLElement> | keyof import("react").HTMLAttributes<HTMLElement>>, {}>;
-export declare const MessageDescriptionStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageDescriptionStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("react").ClassAttributes<HTMLParagraphElement> | keyof import("react").HTMLAttributes<HTMLParagraphElement>>, {}>;
-export declare const MessageCloseButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageCloseButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
-export declare const MessageCloseButtonIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessageCloseButtonIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const MessagePinButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessagePinButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("react").ClassAttributes<HTMLButtonElement> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, {}>;
-export declare const MessagePinButtonIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerProps> & Record<string, unknown> & {
-    ownerState: Partial<import("../types").ToastContainerProps> & Record<string, unknown>;
+export declare const MessagePinButtonIconStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").ToastContainerOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/components/ToastContainer/subcomponents/ToastMessage/useToastMessage.d.ts

@@ -0,0 +1,13 @@
+import { ToastMessageProps, ToastTypes } from '../../types';
+export declare function useToastMessage(props: ToastMessageProps): {
+    pinToast: () => void;
+    isPinned: boolean;
+    ownerState: {
+        type: ToastTypes | undefined;
+        hasDescription: boolean;
+    };
+    iconTypePath: string;
+    iconClosePath: string;
+    iconPinPath: string;
+    currentSize: import("@m4l/styles").Sizes;
+};

package/components/ToastContainer/types.d.ts

@@ -3,6 +3,7 @@ import { ToastContentProps, ToastContainerProps as ToastContainerReactToastifyPr
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { Theme } from '@mui/material/styles';
 import { ToasterFunctionProps } from '@m4l/core';
+import { Sizes } from '@m4l/styles';
 import type { ToastContainerSlots } from './slots';
 import { TOAST_KEY_COMPONENT } from './constants';
 export declare type ToastTypes = 'info' | 'success' | 'warning' | 'error' | 'default';
@@ -11,6 +12,7 @@ export interface ToastMessageProps extends Partial<ToastContentProps>, ToasterFu
     toastId?: ToastOptions['toastId'];
     containerId?: ToastOptions['containerId'];
     autoClose?: ToastOptions['autoClose'];
+    size?: Sizes;
 }
 export interface ToastContainerProps extends Omit<ToastContainerReactToastifyProps, 'containerId'> {
     /**
@@ -34,7 +36,11 @@ export interface TriggerToast {
     toastOptions: ToastOptions;
     containerId: ToastOptions['containerId'];
     type?: ToastOptions['type'];
+    size?: Sizes;
 }
-export declare type ToastContainerOwnerState = ToastContainerProps;
+export interface OwnerState {
+    hasDescription?: boolean;
+}
+export declare type ToastContainerOwnerState = OwnerState & ToastContainerProps;
 export declare type ToastContainerSlotsType = keyof typeof ToastContainerSlots;
 export declare type ToastContainerStyles = Partial<OverridesStyleRules<ToastContainerSlotsType, typeof TOAST_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/hook-form/RHFAutocomplete/subcomponents/ComponentTypeImage/index.d.ts

@@ -1,2 +1,2 @@
-import { ImageProps, RHFAutocompleteBaseProps } from "../../types";
+import { ImageProps, RHFAutocompleteBaseProps } from '../../types';
 export declare function ComponentTypeImage<T>(props: RHFAutocompleteBaseProps<T> & ImageProps<T>): import("react/jsx-runtime").JSX.Element;

package/index.js

@@ -1,4 +1,4 @@
-import { r, Y, bN, aQ, aS, aT, aR, aP, A, bL, bT, c3, j, o, n, k, Z, a1, bY, an, _, $, a9, aa, a0, aE, aG, aF, aI, aD, aC, aH, aJ, aB, bf, av, w, D, ap, aW, aL, b_, bZ, aM, bg, bi, aY, bU, bC, aN, b5, ab, I, b8, ac, t, b6, a2, b7, a3, b9, a4, bp, L, bX, br, ba, bc, bb, be, b$, a5, c5, bj, c4, M, c, b, bt, N, bw, bA, a6, bz, bB, ax, as, ad, bR, bQ, bS, ay, b4, P, bD, R, z, Q, K, C, E, G, J, F, U, V, X, c0, bE, aZ, bF, S, bW, bK, bG, ae, a8, ag, ai, ah, af, T, bH, bJ, al, am, aj, bV, ak, aq, bo, bn, l, W, a$, a_, b0, m, bI, aV, bm, bv, by, aX, aO, bO, bM, s, x, aU, a, aK, c1, au, ao, aw, at, az, aA, g, bq, bs, bl, bk, bu, bx, a7, H, B, y, O, ar, c9, b2, b1, c2, cc, u, c6, ca, cb, bd, bh, c7, bP, q, c8, p, d, e, v, h, i, f, b3 } from "./vendor-frAXUcQ5.js";
+import { r, Y, bN, aQ, aS, aT, aR, aP, A, bL, bT, c3, j, o, n, k, Z, a1, bY, an, _, $, a9, aa, a0, aE, aG, aF, aI, aD, aC, aH, aJ, aB, bf, av, w, D, ap, aW, aL, b_, bZ, aM, bg, bi, aY, bU, bC, aN, b5, ab, I, b8, ac, t, b6, a2, b7, a3, b9, a4, bp, L, bX, br, ba, bc, bb, be, b$, a5, c5, bj, c4, M, c, b, bt, N, bw, bA, a6, bz, bB, ax, as, ad, bR, bQ, bS, ay, b4, P, bD, R, z, Q, K, C, E, G, J, F, U, V, X, c0, bE, aZ, bF, S, bW, bK, bG, ae, a8, ag, ai, ah, af, T, bH, bJ, al, am, aj, bV, ak, aq, bo, bn, l, W, a$, a_, b0, m, bI, aV, bm, bv, by, aX, aO, bO, bM, s, x, aU, a, aK, c1, au, ao, aw, at, az, aA, g, bq, bs, bl, bk, bu, bx, a7, H, B, y, O, ar, c9, b2, b1, c2, cc, u, c6, ca, cb, bd, bh, c7, bP, q, c8, p, d, e, v, h, i, f, b3 } from "./vendor-BohmKCey.js";
 export {
   r as AREAS_DICTIONARY_ID,
   Y as Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "4.1.2",
+  "version": "4.1.4",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",
@@ -16,14 +16,14 @@
     "@mui/lab": "5.0.0-alpha.89",
     "@mui/material": "5.15.19",
     "@mui/x-date-pickers": "6.11.1",
-    "@storybook/addon-essentials": "8.2.5",
-    "@storybook/addon-interactions": "8.2.5",
-    "@storybook/addon-links": "8.2.5",
-    "@storybook/addon-onboarding": "8.2.5",
-    "@storybook/blocks": "8.2.5",
-    "@storybook/react": "8.2.5",
-    "@storybook/react-vite": "8.2.5",
-    "@storybook/test": "8.2.5",
+    "@storybook/addon-essentials": "8.2.9",
+    "@storybook/addon-interactions": "8.2.9",
+    "@storybook/addon-links": "8.2.9",
+    "@storybook/addon-onboarding": "8.2.9",
+    "@storybook/blocks": "8.2.9",
+    "@storybook/react": "8.2.9",
+    "@storybook/react-vite": "8.2.9",
+    "@storybook/test": "8.2.9",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
     "esbuild": "^0.20.1",
@@ -54,7 +54,7 @@
     "react-toastify": "10.0.5",
     "react-transition-group": "^4.4.5",
     "simplebar-react": "2.4.1",
-    "storybook": "8.2.5",
+    "storybook": "8.2.9",
     "yup": "^0.32.11",
     "zustand": "4.3.6"
   },

package/{vendor-frAXUcQ5.js → vendor-BohmKCey.js}

@@ -12,14 +12,14 @@ import { Link as Link$1, useLocation, NavLink as NavLink$1, unstable_HistoryRout
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { useForm, FormProvider, useFormContext, Controller, useWatch, useFormState, useController } from "react-hook-form";
-import { createStore, useStore } from "zustand";
-import { shallow } from "zustand/shallow";
 import { useResponsiveDesktop, useFirstRender, useResizeObserver, useResponsiveContainerStore, useIsMobile, useFormatter, useHostTheme, useLocales, HostThemeProvider, FormatterProvider, LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } from "@m4l/graphics";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import * as Yup from "yup";
+import { shallow } from "zustand/shallow";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
 import { P as PropagateLoader$1, R as Resizable, D as DraggableCore_1, a as ResizableBox, b as Draggable, u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, c as DataGrid$1, d as ReactJson, e as SplitterLayout } from "./node_modules-CQtkw0uG.js";
+import { createStore, useStore } from "zustand";
 import debounce$1 from "lodash/debounce";
 import { throttle, debounce, cloneDeep } from "lodash";
 import { deepEqual } from "fast-equals";
@@ -6347,7 +6347,6 @@ function ComponentTypeImage$1(props) {
     AutocompleteRoot,
     {
       className: classes2.root,
-      tabIndex: 0,
       onFocus: handlerFocus,
       onBlur: handlerOnBlur,
       onKeyUp: handlerOnKeyUp,
@@ -6452,13 +6451,7 @@ function ComponentTypeImage$1(props) {
                         InputProps: {
                           ...params.InputProps,
                           startAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-                            !multiple && withImage && value ? /* @__PURE__ */ jsx(
-                              Image,
-                              {
-                                src: getOptionUrlImageLocal(value)
-                              },
-                              "ImageTextField"
-                            ) : null,
+                            !multiple && withImage && value ? /* @__PURE__ */ jsx(Image, { src: getOptionUrlImageLocal(value) }, "ImageTextField") : null,
                             params.InputProps.startAdornment
                           ] }),
                           endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : /* @__PURE__ */ jsxs("div", { className: classes2.containerRefreshDown, children: [
@@ -6502,12 +6495,7 @@ function ComponentTypeImage$1(props) {
                           key,
                           label: getOptionLabelLocal(option),
                           className: classes2.chip,
-                          icon: withImage && option ? /* @__PURE__ */ jsx(
-                            Image,
-                            {
-                              src: getOptionUrlImageLocal(option)
-                            }
-                          ) : void 0,
+                          icon: withImage && option ? /* @__PURE__ */ jsx(Image, { src: getOptionUrlImageLocal(option) }) : void 0,
                           sx: {
                             ...theme.components?.M4LRHFAutocompleteChip?.styleOverrides
                           }
@@ -6865,7 +6853,6 @@ const RHFColorPicker = (props) => {
     RHFColorPickerRoot,
     {
       className: classes2.root,
-      tabIndex: 0,
       onFocus: handlerFocus,
       onBlur: handlerOnBlur,
       onKeyUp: handlerOnKeyUp,
@@ -6892,6 +6879,11 @@ const RHFColorPicker = (props) => {
                 tabIndex: 0,
                 className: classes2.containerFieldColor,
                 onClick: (event) => setAnchorEl(event.currentTarget),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") {
+                    setAnchorEl(event.currentTarget);
+                  }
+                },
                 children: [
                   /* @__PURE__ */ jsx(
                     "div",
@@ -7812,7 +7804,6 @@ function RHFDateTime(props) {
     RHFDateTimeRoot,
     {
       className: clsx(classes2.root, className),
-      tabIndex: 0,
       onFocus: handlerFocus,
       onBlur: handlerOnBlur,
       onKeyUp: handlerOnKeyUp,
@@ -7997,7 +7988,7 @@ const rhfTextFieldStyles = {
     },
     "& .MuiInputBase-input": {
       fontSize: "0.875rem",
-      padding: "0px 8px",
+      padding: "0px",
       height: "100%"
     },
     "& .MuiOutlinedInput-root": {
@@ -8131,7 +8122,6 @@ const RHFTextField = forwardRef((props, ref) => {
       RHFTextFieldRootStyled,
       {
         ownerState: { ...ownerState },
-        tabIndex: 0,
         onFocus: handlerFocus,
         onBlur: handlerOnBlur,
         onKeyUp: handlerOnKeyUp,
@@ -8150,11 +8140,11 @@ const RHFTextField = forwardRef((props, ref) => {
                   let newValue = event.target.value;
                   if (type === "number") {
                     if (isInteger) {
-                      newValue = newValue ? parseInt(newValue, 10) : 0;
+                      newValue = newValue ? parseInt(newValue, 10) : "";
                     } else {
-                      newValue = newValue ? Number(newValue) : 0;
+                      newValue = newValue ? Number(newValue) : "";
                     }
-                    newValue = isNaN(newValue) ? 0 : newValue;
+                    newValue = isNaN(newValue) ? "" : newValue;
                   }
                   onChange(newValue);
                 };
@@ -8181,7 +8171,7 @@ const RHFTextField = forwardRef((props, ref) => {
                       InputLabelProps: { shrink: true },
                       autoComplete,
                       onChange: onInternalChange,
-                      value: type === "number" && isInteger ? isNaN(parseInt(value, 10)) ? 0 : parseInt(value, 10) : value || "",
+                      value: type === "number" && isInteger ? isNaN(parseInt(value, 10)) ? "" : parseInt(value, 10) : value || "",
                       inputProps: {
                         name: nameRHF,
                         id: nameRHF,
@@ -8632,7 +8622,6 @@ const RHFPeriod = (props) => {
     RHFPeriodRoot,
     {
       className: classes2.root,
-      tabIndex: 0,
       onFocus: handlerFocus,
       onBlur: handlerOnBlur,
       onKeyUp: handlerOnKeyUp,
@@ -10707,12 +10696,12 @@ const toastStyles = {
     "& .Toastify__progress-bar--warning": {},
     "& .Toastify__progress-bar--error": {}
   }),
-  messageRoot: ({ ownerState }) => ({
+  messageRoot: {
     display: "flex",
     flexDirection: "column",
     width: "100%",
-    padding: ownerState.hasDescription ? "4px" : "8px"
-  }),
+    padding: "12px"
+  },
   messageHeader: {
     width: "100%",
     display: "flex",
@@ -10742,7 +10731,7 @@ const toastStyles = {
   messageDescription: ({ theme }) => ({
     ...theme.typography.body,
     color: theme.vars.palette.text.primary,
-    padding: "4px 4px 4px 30px"
+    padding: "8px 4px 4px 30px"
   }),
   messageCloseButton: {
     border: "none",
@@ -10862,11 +10851,12 @@ const iconTypes = {
   warning: ICONS.WARNING,
   error: ICONS.ERROR
 };
-const ToastMessage = (props) => {
+function useToastMessage(props) {
   const [isPinned, setIsPinned] = useState(false);
-  const { type, title, description, closeToast, toastId, containerId } = props;
-  const ownerState = { type };
+  const { type, description, toastId, containerId, size } = props;
+  const ownerState = { type, hasDescription: Boolean(description) };
   const { host_static_assets, environment_assets } = useEnvironment();
+  const { currentSize } = useComponentSize(size);
   const iconToShow = iconTypes?.[type || "default"] || iconTypes.default;
   const iconTypePath = `${host_static_assets}/${environment_assets}/${ICONS_PATH}/${iconToShow}`;
   const iconClosePath = `${host_static_assets}/${environment_assets}/${ICONS_PATH}/${ICONS.CLOSE}`;
@@ -10877,17 +10867,37 @@ const ToastMessage = (props) => {
       setIsPinned(true);
     }
   }
+  return {
+    pinToast,
+    isPinned,
+    ownerState,
+    iconTypePath,
+    iconClosePath,
+    iconPinPath,
+    currentSize
+  };
+}
+const ToastMessage = (props) => {
+  const { title, description, closeToast } = props;
+  const { pinToast, isPinned, ownerState, iconPinPath, iconTypePath, iconClosePath, currentSize } = useToastMessage(props);
   return /* @__PURE__ */ jsxs(MessageRootStyled, { ownerState, children: [
     /* @__PURE__ */ jsxs(MessageHeaderStyled, { ownerState, children: [
-      /* @__PURE__ */ jsx(MessageIconRootStyled, { ownerState, children: /* @__PURE__ */ jsx(MessageIconStyled, { src: iconTypePath, ownerState }) }),
-      /* @__PURE__ */ jsx(MessageTitleStyled, { ownerState, children: title }),
+      /* @__PURE__ */ jsx(MessageIconRootStyled, { ownerState, children: /* @__PURE__ */ jsx(MessageIconStyled, { src: iconTypePath, ownerState, size: currentSize }) }),
+      /* @__PURE__ */ jsx(MessageTitleStyled, { ownerState, size: currentSize, children: title }),
       !isPinned && /* @__PURE__ */ jsx(
         MessagePinButtonStyled,
         {
           onClick: pinToast,
           ownerState,
           "aria-describedby": `${TOAST_KEY_COMPONENT}-pin`,
-          children: /* @__PURE__ */ jsx(MessagePinButtonIconStyled, { src: iconPinPath, size: "small", ownerState })
+          children: /* @__PURE__ */ jsx(
+            MessagePinButtonIconStyled,
+            {
+              src: iconPinPath,
+              size: currentSize,
+              ownerState
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsx(
@@ -10896,24 +10906,38 @@ const ToastMessage = (props) => {
           onClick: closeToast,
           ownerState,
           "aria-describedby": `${TOAST_KEY_COMPONENT}-close`,
-          children: /* @__PURE__ */ jsx(MessageCloseButtonIconStyled, { src: iconClosePath, size: "small", ownerState })
+          children: /* @__PURE__ */ jsx(
+            MessageCloseButtonIconStyled,
+            {
+              src: iconClosePath,
+              size: currentSize,
+              ownerState
+            }
+          )
         }
       )
     ] }),
-    description && /* @__PURE__ */ jsx(MessageDescriptionStyled, { ownerState, children: description })
+    description && /* @__PURE__ */ jsx(MessageDescriptionStyled, { ownerState, size: currentSize, children: description })
   ] });
 };
-function optionsToProps(toastProps, containerId) {
+function optionsToProps(toastProps, containerId, size) {
   return {
     containerId,
     type: toastProps?.type,
     toastId: toastProps?.toastId,
-    autoClose: toastProps?.autoClose
+    autoClose: toastProps?.autoClose,
+    size
   };
 }
-function triggerToast({ props, toastOptions, containerId, type = "default" }) {
+function triggerToast({
+  props,
+  toastOptions,
+  containerId,
+  type = "default",
+  size
+}) {
   const currentContainerId = containerId || toastOptions?.containerId;
-  const allProps = { ...props, ...optionsToProps(toastOptions, currentContainerId) };
+  const allProps = { ...props, ...optionsToProps(toastOptions, currentContainerId, size) };
   const toastFn = type === "default" || type === void 0 ? toast : toast[type];
   const id = toastFn(/* @__PURE__ */ jsx(ToastMessage, { ...allProps }), {
     ...toastOptions,
@@ -10927,14 +10951,14 @@ function triggerToast({ props, toastOptions, containerId, type = "default" }) {
   }
   return toastOptions?.toastId || id;
 }
-function createToaster(containerId) {
+function createToaster(containerId, size) {
   const toaster = (props, toastOptions = {}) => {
-    return triggerToast({ props, toastOptions, containerId });
+    return triggerToast({ props, toastOptions, containerId, size });
   };
-  toaster.success = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "success", containerId });
-  toaster.info = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "info", containerId });
-  toaster.warning = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "warning", containerId });
-  toaster.error = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "error", containerId });
+  toaster.success = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "success", containerId, size });
+  toaster.info = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "info", containerId, size });
+  toaster.warning = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "warning", containerId, size });
+  toaster.error = (props, toastOptions = {}) => triggerToast({ props, toastOptions, type: "error", containerId, size });
   return toaster;
 }
 const Window = (props) => {
@@ -22359,9 +22383,7 @@ generateUtilityClasses(
     "value",
     /* states or variants of elements */
     "isDisabled",
-    "isFocus",
     "variantIsForm",
-    "isTabSelected",
     "isMobile"
   ]
 );
@@ -22373,9 +22395,7 @@ const propertyValueUtilityClasses = (ownerState) => {
     root: [
       "root",
       ownerState.disabled && "isDisabled",
-      ownerState.isFocus && "isFocus",
       ownerState.isForm && "variantIsForm",
-      ownerState.isTabSelected && "isTabSelected",
       ownerState.isMobile && "isMobile"
     ],
     property: ["property"],
@@ -22407,8 +22427,6 @@ function PropertyValue(props) {
     helperMessage
   } = props;
   const isDesktop = useResponsiveDesktop();
-  const [isFocus, setIsFocus] = useState(false);
-  const [isTabSelected, setIsTabSelected] = useState(false);
   const getValueW = () => {
     if (valueWidthMobile && !isDesktop) {
       return valueWidthMobile;
@@ -22434,22 +22452,8 @@ function PropertyValue(props) {
     }
     return 100;
   };
-  const handlerFocus = () => {
-    setIsFocus(true);
-  };
-  const handlerKeyUp = (event) => {
-    if (event.key === "Tab") {
-      setIsTabSelected(true);
-    }
-  };
-  const handlerOnBlur = () => {
-    setIsFocus(false);
-    setIsTabSelected(false);
-  };
   const ownerState = {
     disabled: isForm && disabled ? disabled : false,
-    isFocus: !disabled && isForm ? isFocus : false,
-    isTabSelected: !disabled && isForm ? isTabSelected : false,
     isForm: isForm ? true : false,
     isMobile: !isDesktop
   };
@@ -22530,11 +22534,6 @@ function PropertyValue(props) {
     {
       className: clsx(classes2.root, className),
       style: { gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr" },
-      role: "button",
-      tabIndex: 0,
-      onClick: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerKeyUp,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROPS_DATA]: JSON.stringify([
           { property: property ? true : false, value: value ? true : false }