@m4l/components 9.2.56 → 9.2.58-beta.1

package/index.js

@@ -34,7 +34,7 @@ import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
-import { b as b3 } from "./components/DataGrid/constants.js";
+import { b as b3, a as a4, d as d2 } from "./components/DataGrid/constants.js";
 import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
@@ -57,12 +57,12 @@ import { u as u11 } from "./components/DataGrid/formatters/ColumnUncertaintyForm
 import { C as C12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
 import { u as u12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
 import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
-import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
+import { d as d3 } from "./components/DragResizeWindowRND/classes/index.js";
 import { g as g7 } from "./components/DynamicFilter/dictionary.js";
-import { a as a4, g as g8 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
+import { a as a5, g as g8 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
 import { g as g9 } from "./components/DynamicFilter/helpers/getRawFiltersForNetwork.js";
 import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
-import { a as a5 } from "./components/DynamicSort/dictionary.js";
+import { a as a6 } from "./components/DynamicSort/dictionary.js";
 import { S as S2 } from "./components/DynamicSort/helpers/frontEndHelpers.js";
 import { g as g10 } from "./components/DynamicSort/helpers/getRawSortsForNetwork.js";
 import { D as D5 } from "./components/DynamicSort/DynamicSort.js";
@@ -80,7 +80,6 @@ import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L5 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
-import { P as P2 } from "./components/Pager/Pager.js";
 import { g as g11 } from "./components/Pager/dicctionary.js";
 import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
@@ -88,13 +87,13 @@ import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
 import { C as C14 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
-import { P as P3 } from "./components/mui_extended/Popover/Popover.js";
+import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Skeleton/Skeleton.js";
 import { S as S5 } from "./components/mui_extended/Stack/Stack.js";
 import { T as T4 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T5 } from "./components/mui_extended/Tabs/Tabs.js";
 import { T as T6 } from "./components/mui_extended/TabContent/TabContent.js";
-import { T as T7, a as a6 } from "./components/mui_extended/TabContext/index.js";
+import { T as T7, a as a7 } from "./components/mui_extended/TabContext/index.js";
 import { T as T8 } from "./components/mui_extended/Typography/Typography.js";
 import { t } from "./components/mui_extended/ToggleButton/ToggleButton.styles.js";
 import { T as T9 } from "./components/mui_extended/ToggleButton/ToggleButton.js";
@@ -103,7 +102,7 @@ import { T as T11 } from "./components/mui_extended/ToggleButton/slots/ToggleBut
 import { T as T12 } from "./components/mui_extended/ToggleButton/slots/ToggleButtonSlots.js";
 import { t as t2 } from "./components/mui_extended/ToggleIconButton/ToggleIconButton.styles.js";
 import { T as T13 } from "./components/mui_extended/ToggleIconButton/ToggleIconButton.js";
-import { a as a7, T as T14 } from "./components/mui_extended/ToggleIconButton/constants.js";
+import { a as a8, T as T14 } from "./components/mui_extended/ToggleIconButton/constants.js";
 import { T as T15 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonEnum.js";
 import { T as T16 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { N as N2 } from "./components/mui_extended/NavLink/NavLink.js";
@@ -111,17 +110,17 @@ import { D as D6 } from "./components/mui_extended/Dialog/Dialog.js";
 import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
 import { D as D7, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { P as P4, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
 import { C as C15, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
-import { P as P5, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P6, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
+import { P as P4, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
+import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
 import { C as C16 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D8 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c2, e, d as d4 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
@@ -145,7 +144,7 @@ import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
 import { R as R16 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
 import { R as R17 } from "./components/hook-form/RHFPeriod/constants.js";
 import { R as R18 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { P as P7, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { P as P6, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
 import { R as R20 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as R21 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { I as I4 } from "./components/Icon/Icon.js";
@@ -157,7 +156,7 @@ import { L as L9 } from "./components/Loadable/index.js";
 import { L as L10 } from "./components/LoadingError/LoadingError.js";
 import { g as g22 } from "./components/LoadingError/dictionary.js";
 import { g as g23 } from "./components/MenuActions/dictionary.js";
-import { a as a8, M as M3 } from "./components/MenuActions/MenuActions.js";
+import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
 import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
 import { M as M5 } from "./components/MFLoader/MFLoader.js";
 import { g as g24 } from "./components/MFLoader/dictionary.js";
@@ -165,31 +164,32 @@ import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
 import { g as g25 } from "./components/NoItemSelected/dictionary.js";
 import { g as g26 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
-import { P as P8 } from "./components/PaperForm/PaperForm.js";
-import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
+import { P as P7 } from "./components/PaperForm/PaperForm.js";
+import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
 import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
-import { a as a9, P as P10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import { P as P11 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
-import { P as P12 } from "./components/PrintingSystem/PrintingSystem.js";
-import { P as P13 } from "./components/PropertyValue/PropertyValue.js";
+import { a as a10, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
+import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
+import { P as P12 } from "./components/PropertyValue/PropertyValue.js";
 import { S as S7 } from "./components/ScrollBar/ScrollBar.js";
 import { S as S8 } from "./components/SideBar/SideBar.js";
 import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { W } from "./components/WindowBase/WindowBase.js";
 import { u as u15 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
-import { a as a10, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
-import { M as M6, W as W2, a as a11 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
+import { a as a11, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
+import { M as M6, W as W2, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
 import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
-import { D as D9, a as a12, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
+import { D as D9, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
-import { a as a13, g as g27 } from "./components/ModalDialog/dictionary.js";
+import { a as a14, g as g27 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
+import { P as P13 } from "./components/Pager/Pager.js";
 import { F as F2, R as R22, u as u17 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { a as a14, M as M9 } from "./contexts/ModalContext/index.js";
+import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
 import { u as u19 } from "./hooks/useFormAddEdit/index.js";
 import { u as u20 } from "./hooks/useModal/index.js";
 import { u as u21 } from "./hooks/useTab/index.js";
@@ -210,9 +210,9 @@ import { g as g30 } from "./utils/getComponentUtilityClass.js";
 import { g as g31 } from "./utils/getPaletteColor.js";
 import { g as g32 } from "./utils/getTypographyStyles.js";
 import { g as g33 } from "./utils/getIconColor.js";
-import { a as a15 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { a as a16 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g34, a as a16 } from "./utils/getComponentSlotRoot.js";
+import { g as g34, a as a17 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g35 } from "./utils/getValidDate.js";
 import { g as g36 } from "./utils/getNullGuard.js";
@@ -257,7 +257,9 @@ export {
   C10 as ColumnSetCheckFormatter,
   C11 as ColumnUncertaintyFormatter,
   C15 as ConcatenatedFormatter,
-  b3 as DATAGRID_SEMANTIC_WIDTHS,
+  b3 as DATAGRID_ROW_HEADER_HEIGHTS,
+  a4 as DATAGRID_ROW_HEIGHTS,
+  d2 as DATAGRID_SEMANTIC_WIDTHS,
   D as DICTIONARY,
   D2 as DataGrid,
   D7 as DateFormatter,
@@ -266,7 +268,7 @@ export {
   D3 as DragResizeWindowRND,
   D4 as DynamicFilter,
   D9 as DynamicMFParmsContext,
-  a12 as DynamicMFParmsProvider,
+  a13 as DynamicMFParmsProvider,
   D5 as DynamicSort,
   F as FixedSizeList,
   F2 as FormProviderCustom,
@@ -292,10 +294,10 @@ export {
   M4 as MFIsolationApp,
   M5 as MFLoader,
   M7 as MemonizedDynamicMFParmsProvider,
-  a8 as MemonizedMenuActions,
+  a9 as MemonizedMenuActions,
   M6 as MemonizedWindowToolsMFContext,
   M3 as MenuActions,
-  a14 as ModalContext,
+  a15 as ModalContext,
   M8 as ModalDialog,
   M9 as ModalProvider,
   M as MotionContainer,
@@ -305,20 +307,20 @@ export {
   N as NumberEditor,
   O as ObjectLogs,
   O2 as ObjectQueue,
-  P9 as PDFViewer,
-  P2 as Pager,
-  P8 as PaperForm,
-  P5 as PeriodFormatter,
-  P7 as PeriodRootStyled,
-  P4 as PointsFormatter,
-  P3 as Popover,
-  a9 as PopupsContext,
-  P10 as PopupsProvider,
-  P11 as PopupsViewer,
-  P6 as PriceFormatter,
-  P12 as PrintingSystem,
+  P8 as PDFViewer,
+  P13 as Pager,
+  P7 as PaperForm,
+  P4 as PeriodFormatter,
+  P6 as PeriodRootStyled,
+  P3 as PointsFormatter,
+  P2 as Popover,
+  a10 as PopupsContext,
+  P9 as PopupsProvider,
+  P10 as PopupsViewer,
+  P5 as PriceFormatter,
+  P11 as PrintingSystem,
   P as PropagateLoaderSpinner,
-  P13 as PropertyValue,
+  P12 as PropertyValue,
   R4 as RHFAutocomplete,
   R5 as RHFAutocompleteAsync,
   R13 as RHFCheckbox,
@@ -351,12 +353,12 @@ export {
   S3 as SplitLayout,
   S5 as Stack,
   T10 as TOGGLE_BUTTON_KEY_COMPONENT,
-  a7 as TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY,
+  a8 as TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY,
   T14 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,
   T4 as Tab,
   T6 as TabContent,
   T7 as TabContext,
-  a6 as TabProvider,
+  a7 as TabProvider,
   T5 as Tabs,
   T2 as TextEditor,
   T17 as TextFieldStyled,
@@ -376,15 +378,15 @@ export {
   W as WindowBase,
   W3 as WindowConfirm,
   W2 as WindowToolsMFContext,
-  a11 as WindowToolsMFProvider,
+  a12 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
   e as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
-  d3 as cloneLayouts,
+  d4 as cloneLayouts,
   c3 as createDynamicMFStore,
   c as createToaster,
   d as defaultCommonActionsDictionary,
-  d2 as dragResizeWindowRNDClasses,
+  d3 as dragResizeWindowRNDClasses,
   f as formatDistanceToNow,
   g as getAccountPopoverDictionary,
   g2 as getAppBarDictionary,
@@ -392,27 +394,27 @@ export {
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
   g34 as getComponentClasses,
-  a16 as getComponentSlotRoot,
+  a17 as getComponentSlotRoot,
   g30 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
   g17 as getDistanceToNowFormatterComponentsDictionary,
   g7 as getDynamicFilterComponentsDictionary,
-  a5 as getDynamicSortComponentsDictionary,
-  a4 as getFilterGroupFieldsByName,
+  a6 as getDynamicSortComponentsDictionary,
+  a5 as getFilterGroupFieldsByName,
   g28 as getFormComponentsDictionary,
   g15 as getFormatConcatenated,
   g12 as getFormatDate,
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
-  a15 as getHeightSizeStyles,
+  a16 as getHeightSizeStyles,
   g33 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
   g24 as getMFLoaderComponentsDictionary,
   g23 as getMenuActionsComponentsDictionary,
-  a13 as getModalDialogComponentsDictionary,
+  a14 as getModalDialogComponentsDictionary,
   g27 as getModalDictionary,
   g25 as getNoItemSelectedComponentsDictionary,
   g36 as getNullGuard,
@@ -450,7 +452,7 @@ export {
   u17 as useCustomForm,
   u29 as useDataGridPersistence,
   u28 as useDynamicFilterAndSort,
-  a10 as useDynamicMFParameters,
+  a11 as useDynamicMFParameters,
   u16 as useDynamicMFParametersStore,
   u19 as useFormAddEdit,
   u22 as useFormFocus,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.56",
+  "version": "9.2.58-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/storybook/components/Chip/Chip.stories.d.ts

@@ -30,4 +30,8 @@ export declare const WithStartAndEndIcon: Story;
  * Base story for `Chip` in skeleton mode.
  */
 export declare const Skeleton: Story;
+export declare const allaColorsContainedTone: Story;
+export declare const allaColorsOutlinedTone: Story;
+export declare const allaColorsContainedOpacity: Story;
+export declare const allaColorsOutlinedOpacity: Story;
 export default meta;

package/storybook/components/DataGrid/DataGrid.stories.d.ts

@@ -28,6 +28,22 @@ export declare const NoPager: Story;
  * Filter y Sort en busqueda automatica
  */
 export declare const CustomHeaderFilterSortAutomatic: Story;
+/**
+ * DataGrid con modal de configuracion desplegado
+ */
+export declare const ModalConfiguration: Story;
+/**
+ * Menú de acciones desplegable para configurar la densidad de los registros.
+ */
+export declare const DensityMenuActions: Story;
+/**
+ * Botón para visualizar los filtros de columnas.
+ */
+export declare const ColumnFilters: Story;
+/**
+ * Menú de acciones desplegable para la fila.
+ */
+export declare const RowMenuActions: Story;
 /**
  * DataGrid con leftActions, rightActions y
  * Filter y Sort en busqueda manual

package/storybook/components/Icon/Icon.stories.d.ts

@@ -18,4 +18,8 @@ export declare const small: Story;
  * Icon component with size medium
  */
 export declare const medium: Story;
+/**
+ * Icon component with skeleton
+ */
+export declare const withSkeleton: Story;
 export default meta;

package/storybook/components/NoItemSelect/NoItemSelect.stories.d.ts

@@ -5,4 +5,8 @@ export default meta;
 type Story = StoryObj<typeof NoItemSelected>;
 /** Base component  */
 export declare const NoItemSelectedComponent: Story;
+/**
+ * Version skeleton del componente
+ */
+export declare const Skeleton: Story;
 export declare const WithSplitLayout: Story;

package/storybook/components/ObjectLogs/ObjectLogs.stories.d.ts

@@ -3,5 +3,5 @@ import { ObjectLogs } from '../../../src/components/ObjectLogs/ObjectLogs';
 import { ObjectLogsM4LProps, ObjectLogsOtherProps } from '../../../src/components/ObjectLogs/types';
 declare const meta: Meta<typeof ObjectLogs>;
 export default meta;
-export declare const DefaultM4L: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsM4LProps>;
-export declare const DefaultOthers: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsOtherProps>;
+export declare const DefaultM4L: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsM4LProps>;
+export declare const DefaultOthers: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsOtherProps>;

package/storybook/components/PropertyValue/PropertyValue.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { PropertyValue } from '../../../src/components/PropertyValue/PropertyValue';
+import { PropertyValue } from '../../../src/components/PropertyValue';
 declare const meta: Meta<typeof PropertyValue>;
 export default meta;
 type Story = StoryObj<typeof PropertyValue>;
@@ -59,3 +59,7 @@ export declare const LargeProperty: Story;
  * Historia sin formulario con valor largo.
  */
 export declare const LargeValue: Story;
+/**
+ * Historia que muestra todos los estados semánticos de semanticWidth de manera vertical.
+ */
+export declare const SemanticWidths: Story;

package/storybook/components/{extended/scrollBar → ScrollBar}/ScrollBar.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ScrollBar } from '../../../../src/components/ScrollBar/ScrollBar';
+import { ScrollBar } from '../../../src/components/ScrollBar/ScrollBar';
 declare const meta: Meta<typeof ScrollBar>;
 export default meta;
 type Story = StoryObj<typeof ScrollBar>;
-export declare const ScrollBarWithScroll: Story;
+export declare const ScrollBarVertical: Story;
 export declare const ScrollBarHorizontal: Story;

package/storybook/components/WindowBase/windowBase.stories.d.ts

@@ -2,11 +2,68 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WindowBase } from '../../../src/components/WindowBase';
 declare const meta: Meta<typeof WindowBase>;
 type Story = StoryObj<typeof WindowBase>;
-export declare const Default: Story;
-export declare const SelectedState: Story;
-export declare const WithIcon: Story;
-export declare const WithCloseButton: Story;
-export declare const WithActions: Story;
-export declare const isLoadingTrue: Story;
-export declare const WithToaster: Story;
+/**
+ * Variante de WindowBase con outlined en enabled no selected
+ */
+export declare const EnabledNoSelectedOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected
+ */
+export declare const EnabledNoSelectedTextLayout: Story;
+/**
+ * Variante de WindowBase con outlined en enabled tipo popup no selected
+ */
+export declare const EnabledNoSelectedOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con outlined o text en enabled tipo modal no selected
+ */
+export declare const EnabledNoSelectedOutlinedOrTextModal: Story;
+/**
+ * Variante de WindowBase con text en enabled tipo popup no selected
+ */
+export declare const EnabledNoSelectedTextPopup: Story;
+/**
+ * Variante de WindowBase con outlined en enabled selected
+ */
+export declare const EnabledSelectedOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con outlined en selected tipo popup
+ */
+export declare const EnabledSelectedOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con outlined en enabled no selected loading
+ */
+export declare const EnabledNoSelectedLoadingOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected loading
+ */
+export declare const EnabledNoSelectedLoadingTextLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected loading tipo popup
+ */
+export declare const EnabledNoSelectedLoadingTextPopup: Story;
+/**
+ * Variante de WindowBase con outlined en loading en enabled tipo popup
+ */
+export declare const EnabledNoSelectedLoadingOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con EditionInfo
+ */
+export declare const EditionInfo: Story;
+/**
+ * Componente en skeleton con outlined tipo layout
+ */
+export declare const SkeletonOutlinedLayout: Story;
+/**
+ * Componente en skeleton con outlined tipo popup
+ */
+export declare const SkeletonOutlinedPopup: Story;
+/**
+ * Componente en skeleton con text tipo layout
+ */
+export declare const SkeletonTextLayout: Story;
+/**
+ * Componente en skeleton con text tipo popup
+ */
+export declare const SkeletonTextPopup: Story;
 export default meta;

package/storybook/components/extended/mui/Accordion/Accordion.stories.d.ts

@@ -2,24 +2,76 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Accordion } from '../../../../../src/components/mui_extended/Accordion/Accordion';
 declare const meta: Meta<typeof Accordion>;
 type Story = StoryObj<typeof Accordion>;
-/**********************************************
- * Componente Accordion por defecto
- **********************************************/
-export declare const Default: Story;
-/*****************************************
- * Componente Accordion sin icono
- ****************************************/
-export declare const WithoutIcon: Story;
-/***************************************
- * Componente Accordion expandido en disable
- ************************************/
-export declare const ExpandedAndDisabled: Story;
-/***************************************
- * Componente Accordion no expandido en disable
- ************************************/
-export declare const NoExpandedAndDisabled: Story;
-/***********************************
- * Componente Accordion en Skeleton
- ***********************************/
-export declare const Skeleton: Story;
+/**
+ * Variante de Accordion con outline colapsado y en enabled
+ */
+export declare const enabledOutlinedClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en enabled
+ */
+export declare const enabledOutlinedOpen: Story;
+/**
+ * Variante de Accordion con outline colapsado y en enabled
+ */
+export declare const enabledTextClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en enabled
+ */
+export declare const enabledTextOpen: Story;
+/**
+ * Variante de Accordion con outline colapsado y en hover
+ */
+export declare const hoverOutlinedClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en hover
+ */
+export declare const hoverOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en hover
+ */
+export declare const hoverTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en hover
+ */
+export declare const HoverTextOpen: Story;
+/**
+ * Variante de Accordion con outlined colapsado y en active
+ */
+export declare const ActiveOutlinedClose: Story;
+/**
+ * Variante de Accordion con outlined expandido y en active
+ */
+export declare const ActiveOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en active
+ */
+export declare const ActiveTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en active
+ */
+export declare const ActiveTextOpen: Story;
+/**
+ * Variante de Accordion con outlined colapsado y en focus visible
+ */
+export declare const FocusVisibleOutlinedClose: Story;
+/**
+ * Variante de Accordion con outlined expandido y en focus visible
+ */
+export declare const FocusVisibleOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en focus visible
+ */
+export declare const FocusVisibleTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en focus visible
+ */
+export declare const FocusVisibleTextOpen: Story;
+/**
+ * Variante de Accordion outline en Skeleton
+ */
+export declare const SkeletonOutlined: Story;
+/**
+ * Variante de Accordion text en Skeleton
+ */
+export declare const SkeletonText: Story;
 export default meta;

package/storybook/components/extended/mui/Tab/Tab.stories.d.ts

@@ -7,51 +7,51 @@ declare const meta: Meta<typeof Tab>;
 export default meta;
 type Story = StoryObj<typeof Tab>;
 /**
- * Tab en modo selected con icono y texto.
+ * Tab selected en estado enabled.
  */
-export declare const Selected: Story;
+export declare const SelectedEnabled: Story;
 /**
- * Tab en modo selected con texto.
+ * Tab selected en estado hover.
  */
-export declare const SelectedText: Story;
+export declare const SelectedHover: Story;
 /**
- * Tab en modo selected con icono.
+ * Tab selected en estado active.
  */
-export declare const SelectedIcon: Story;
+export declare const SelectedActive: Story;
 /**
- * Tab en modo default con icono y texto.
+ * Tab selected en estado focus-visible.
  */
-export declare const Default: Story;
+export declare const SelectedFocusVisible: Story;
 /**
- * Tab en modo default con  texto.
+ * Tab no selected en estado enabled.
  */
-export declare const DefaultText: Story;
+export declare const NotSelectedEnabled: Story;
 /**
- * Tab en modo default con  texto.
+ * Tab no selected en estado hover.
  */
-export declare const DefaultIcon: Story;
+export declare const NotSelectedHover: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con icono y texto.
+ * Tab no selected en estado hover.
  */
-export declare const SkeletonSelected: Story;
+export declare const NotSelectedActive: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con solo texto.
+ * Tab no selected en estado focus-visible.
  */
-export declare const SkeletonSelectedText: Story;
+export declare const NotSelectedFocusVisible: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con solo icono.
+ * Tab en estado Skeleton cuando está Selected, con icono y texto.
  */
-export declare const SkeletonSelectedIcon: Story;
+export declare const SkeletonSelected: Story;
 /**
- * Tab en estado Skeleton por defecto, con icono y texto.
+ * Tab no selected en estado Skeleton.
  */
-export declare const SkeletonDefault: Story;
+export declare const SkeletonNoSelected: Story;
 /**
- * Tab en estado Skeleton por defecto, con solo texto.
+ * Tab disabled no selected.
  */
-export declare const SkeletonDefaultText: Story;
+export declare const Disabled: Story;
 /**
- * Tab en estado Skeleton por defecto, con solo icono.
+ * Tab disabled selected.
  */
-export declare const SkeletonDefaultIcon: Story;
+export declare const DisabledSelected: Story;
 export declare const MultiplesTab: Story;