@m4l/components 9.2.56-beta.2 → 9.2.57

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo, useCallback } from "react";
 import { D as DynamicFilter } from "../../components/DynamicFilter/DynamicFilter.js";
 import { D as DynamicSort } from "../../components/DynamicSort/DynamicSort.js";
@@ -12,6 +12,8 @@ import { D as DynamicFilterAndSortSlots } from "./slots/DynamicFilterAndSortEnum
 import { S as StackLeftActionsStyled, a as StackRightActionsStyled, b as StackCustomHeaderStyled } from "./slots/DynamicFilterAndSortSlots.js";
 import { deepEqual } from "fast-equals";
 import { g as getPurgedCookie } from "./helpers.js";
+import { u as useWindowToolsMF } from "../../components/WindowBase/hooks/useWindowToolsMF/index.js";
+import { a as DICCTIONARY } from "../../components/DynamicFilter/dictionary.js";
 const useDynamicFilterAndSort = (props) => {
   const { fields, sorts, onChangeFilterSort, dataTestId, withAllField, rightActions, initialFilterToggleed = true, initialSortToggleed = true, prefixCookie, setCookie, getCookie, filterSortAutomatic = true, visibleRefresh = false, withExternalRefresh } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -25,6 +27,8 @@ const useDynamicFilterAndSort = (props) => {
   const refOnChangeFilterSort = useRef(0);
   const fireOnChangeFilterRef = useRef(null);
   const fireOnChangeSortRef = useRef(null);
+  const { toast } = useWindowToolsMF();
+  const { getLabel } = useModuleDictionary();
   const [invisibleBadge, setInvisibleBadge] = useState(() => ({
     filter: initialAppliedFilters?.length === 0,
     sort: initialAppliedSorts?.length === 0
@@ -59,14 +63,14 @@ const useDynamicFilterAndSort = (props) => {
     }
     refOnChangeFilterSort.current++;
   }, [onChangeFilterSort, prefixCookie, setCookie, setInvisibleBadge, sorts]);
-  const handleChangeSorts = useCallback((Sorts, rawSorts) => {
-    setInvisibleBadge((prev) => ({ ...prev, sort: Sorts.length === 0 }));
-    if (eventRefs.current?.eventSorts?.sorts && !deepEqual(eventRefs.current?.eventSorts?.sorts, Sorts)) {
-      setCookie?.(prefixCookie ? `${prefixCookie}_${COOKIE_APPLIED_SORTS}` : COOKIE_APPLIED_SORTS, "window", Sorts);
+  const handleChangeSorts = useCallback((newSorts, rawSorts) => {
+    setInvisibleBadge((prev) => ({ ...prev, sort: newSorts.length === 0 }));
+    if (eventRefs.current?.eventSorts?.sorts && !deepEqual(eventRefs.current?.eventSorts?.sorts, newSorts)) {
+      setCookie?.(prefixCookie ? `${prefixCookie}_${COOKIE_APPLIED_SORTS}` : COOKIE_APPLIED_SORTS, "window", newSorts);
     }
     eventRefs.current = {
       ...eventRefs.current,
-      eventSorts: { sorts: Sorts, rawSorts }
+      eventSorts: { sorts: newSorts, rawSorts }
     };
     if (isValidFilters()) {
       onChangeFilterSort(eventRefs.current);
@@ -85,10 +89,12 @@ const useDynamicFilterAndSort = (props) => {
     } else {
       if (isValidFilters()) {
         onChangeFilterSort(eventRefs.current);
+      } else {
+        toast({ title: getLabel(DICCTIONARY.error_invalid_filters_before) }, { type: "error" });
       }
     }
-  }, [filterSortAutomatic, isValidFilters, onChangeFilterSort]);
-  const leftActions = useMemo(() => /* @__PURE__ */ jsxs(StackLeftActionsStyled, { direction: "row", ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackLeftActions, dataTestId), children: [
+  }, [filterSortAutomatic, getLabel, isValidFilters, onChangeFilterSort, toast]);
+  const leftActions = useMemo(() => /* @__PURE__ */ jsxs(StackLeftActionsStyled, { direction: "row", ownerState: {}, ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackLeftActions, dataTestId), children: [
     /* @__PURE__ */ jsx(ToggleIconButton, { badgeProps: { variant: "dot", invisible: invisibleBadge.filter, color: "primary" }, icon: `${host_static_assets}/${environment_assets}/${ICON_PATH_FILTER}`, isToggled: togglesLeftActions.filter, onToggle: () => handleToggles("filter") }),
     /* @__PURE__ */ jsx(ToggleIconButton, { badgeProps: { variant: "dot", invisible: invisibleBadge.sort, color: "primary" }, icon: `${host_static_assets}/${environment_assets}/${ICON_PATH_SORT}`, isToggled: togglesLeftActions.sort, onToggle: () => handleToggles("sort") })
   ] }), [togglesLeftActions, invisibleBadge, host_static_assets, environment_assets]);
@@ -96,6 +102,7 @@ const useDynamicFilterAndSort = (props) => {
     StackRightActionsStyled,
     {
       direction: "row",
+      ownerState: {},
       ...getPropDataTestId(M4LDYNAMIC_KEY_FILTER_AND_SORT, DynamicFilterAndSortSlots.stackRightActions, dataTestId),
       children: [
         /* @__PURE__ */ jsx(

package/index.js

@@ -80,6 +80,7 @@ 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";
@@ -87,7 +88,7 @@ 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 P2 } from "./components/mui_extended/Popover/Popover.js";
+import { P as P3 } 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";
@@ -110,10 +111,10 @@ 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 P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { P as P4, 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 P4, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.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 { 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";
@@ -144,7 +145,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 P6, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { P as P7, 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";
@@ -164,13 +165,13 @@ 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 P7 } from "./components/PaperForm/PaperForm.js";
-import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
+import { P as P8 } from "./components/PaperForm/PaperForm.js";
+import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
 import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
-import { a as a9, 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 { 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 { 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";
@@ -184,7 +185,6 @@ import { D as D9, a as a12, M as M7 } from "./components/WindowBase/contexts/Dyn
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a13, 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";
@@ -305,20 +305,20 @@ export {
   N as NumberEditor,
   O as ObjectLogs,
   O2 as ObjectQueue,
-  P8 as PDFViewer,
-  P13 as Pager,
-  P7 as PaperForm,
-  P4 as PeriodFormatter,
-  P6 as PeriodRootStyled,
-  P3 as PointsFormatter,
-  P2 as Popover,
+  P9 as PDFViewer,
+  P2 as Pager,
+  P8 as PaperForm,
+  P5 as PeriodFormatter,
+  P7 as PeriodRootStyled,
+  P4 as PointsFormatter,
+  P3 as Popover,
   a9 as PopupsContext,
-  P9 as PopupsProvider,
-  P10 as PopupsViewer,
-  P5 as PriceFormatter,
-  P11 as PrintingSystem,
+  P10 as PopupsProvider,
+  P11 as PopupsViewer,
+  P6 as PriceFormatter,
+  P12 as PrintingSystem,
   P as PropagateLoaderSpinner,
-  P12 as PropertyValue,
+  P13 as PropertyValue,
   R4 as RHFAutocomplete,
   R5 as RHFAutocompleteAsync,
   R13 as RHFCheckbox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.56-beta.2",
+  "version": "9.2.57",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "^2.9.5",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "7.1.1-beta.2",
-    "@m4l/styles": "7.1.28-beta.2",
+    "@m4l/graphics": "^7.0.0",
+    "@m4l/styles": "^7.0.0",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",

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

@@ -30,8 +30,4 @@ 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,22 +28,6 @@ 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,8 +18,4 @@ 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/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/WindowBase/windowBase.stories.d.ts

@@ -2,64 +2,11 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WindowBase } from '../../../src/components/WindowBase';
 declare const meta: Meta<typeof WindowBase>;
 type Story = StoryObj<typeof WindowBase>;
-/**
- * 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;
-/**
- * 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 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;
 export default meta;

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

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

package/storybook/components/extended/scrollBar/ScrollBar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+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 ScrollBarHorizontal: Story;

package/storybook/components/extended/scrollBar/ScrollBarDecorator.d.ts

@@ -0,0 +1,11 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decorador para el componente ScrollBar con scroll vertical.
+ */
+export declare const ScrollBarWithScrollDecorator: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Decorador para el componente ScrollBar con scroll horizontal.
+ */
+export declare const ScrollBarHorizontalDecorator: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;
+export declare const ScrollBarWithScrollContent: import("react/jsx-runtime").JSX.Element;
+export declare const ScrollBarHorizontalContent: import("react/jsx-runtime").JSX.Element;

package/.storybook/utils/flattenDeep.d.ts

@@ -1,8 +0,0 @@
-/**
- * Función que aplana un objeto recursivamente
- * @param obj - Objeto aplanar
- * @param parentKey - Clave padre
- * @param result - Resultado acumulado
- * @returns Objeto plano
- */
-export declare function flattenDeep(obj: Record<string, any>, parentKey?: string, result?: Record<string, string>): Record<string, string>;