@m4l/components 9.1.151 → 9.2.0

package/index.js

@@ -10,7 +10,7 @@ import { A as A2 } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
 import { v as v3 } from "./components/animate/variants/container.js";
-import { a, v as v4, b } from "./components/animate/variants/transition.js";
+import { v as v4, a, b } from "./components/animate/variants/transition.js";
 import { A as A3 } from "./components/AppBar/AppBar.js";
 import { g as g2 } from "./components/AppBar/dictionary.js";
 import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
@@ -84,7 +84,7 @@ import { D as D7 } from "./components/formatters/DistanceToNowFormatter/Distance
 import { g as g14 } 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 c3, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c3, d as d3, e } 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";
@@ -175,21 +175,16 @@ import { S as S8 } from "./components/ScrollBar/ScrollBar.js";
 import { S as S9 } 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 as w2 } from "./components/WindowBase/WindowBase.styles.js";
 import { W as W2 } from "./components/WindowBase/WindowBase.js";
-import { W as W3 } from "./components/WindowBase/constants.js";
-import { I as I6 } from "./components/WindowBase/icons.js";
-import { W as W4 } from "./components/WindowBase/slots/WindowBaseEnum.js";
-import { a as a11, C as C15, b as b4, H as H4, I as I7, e as e2, L as L11, M as M6, c as c4, P as P14, S as S10, d as d5, T as T20, W as W5 } from "./components/WindowBase/slots/WindowBaseSlots.js";
-import { H as H5 } from "./components/WindowBase/subcomponents/Header/HeaderWindowBase.js";
-import { a as a12, g as g23 } from "./components/ModalDialog/dictionary.js";
-import { M as M7 } from "./components/ModalDialog/ModalDialog.js";
-import { a as a13, D as D9, M as M8 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
+import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
+import { a as a11, g as g23 } from "./components/ModalDialog/dictionary.js";
+import { M as M6 } from "./components/ModalDialog/ModalDialog.js";
+import { a as a12, D as D9, M as M7 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
 import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g24 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u17 } 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 a13, M as M8 } from "./contexts/ModalContext/index.js";
 import { u as u18 } from "./hooks/useFormAddEdit/index.js";
 import { u as u19 } from "./hooks/useModal/index.js";
 import { u as u20 } from "./hooks/useTab/index.js";
@@ -199,10 +194,11 @@ import { u as u22 } from "./hooks/useInterval/index.js";
 import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u25 } from "./hooks/useStateRef/index.js";
-import { S as S11 } from "./hooks/useSvgColor/constants.js";
+import { a as a14 } from "./hooks/useSvgColor/constants.js";
 import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
-import { c as c5 } from "./utils/capitalizeFirstLetter.js";
+import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
+import { c as c4 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
 import { g as g26 } from "./utils/getComponentUtilityClass.js";
 import { g as g27 } from "./utils/getPaletteColor.js";
@@ -252,8 +248,6 @@ export {
   C10 as ColumnSetCheckFormatter,
   C2 as ColumnUncertaintyFormatter,
   C12 as ConcatenatedFormatter,
-  a11 as ContentEditionInfoStyled,
-  C15 as ContentWindowStyled,
   D as DICTIONARY,
   D2 as DataGrid,
   D6 as DateFormatter,
@@ -261,24 +255,18 @@ export {
   D7 as DistanceToNowFormatter,
   D3 as DragResizeWindow,
   D4 as DynamicFilter,
-  a13 as DynamicMFParmsContext,
+  a12 as DynamicMFParmsContext,
   D9 as DynamicMFParmsProvider,
   D5 as DynamicSort,
   F as FixedSizeList,
   F2 as FormProviderCustom,
   G as GridLayout,
   H as HamburgerMenu,
-  b4 as HeaderContentStyled,
-  H5 as HeaderWindowBase,
-  H4 as HeaderWindowComponentStyled,
   H2 as HelmetPage,
   H3 as HelperError,
-  I6 as ICONS,
   I2 as Icon,
   I4 as IconButton,
   I as IconButtonAnimate,
-  I7 as IconWindowStyled,
-  e2 as IconsWrapperStyled,
   I3 as Image,
   I5 as ImageButton,
   L2 as LABEL_FILTER_BUTTON,
@@ -286,7 +274,6 @@ export {
   L4 as LanguagePopover,
   L8 as LinearProgress,
   L5 as LinearProgressIndeterminate,
-  L11 as LinearProgressIndeterminateStyled,
   L9 as LinkWithRoute,
   L6 as Loadable,
   L10 as LoadingButton,
@@ -294,13 +281,12 @@ export {
   L as LoadingScreen,
   M4 as MFIsolationApp,
   M5 as MFLoader,
-  M8 as MemonizedDynamicMFParmsProvider,
+  M7 as MemonizedDynamicMFParmsProvider,
   a8 as MemonizedMenuActions,
   M3 as MenuActions,
-  M6 as MenuActionsWindowsStyled,
-  a14 as ModalContext,
-  M7 as ModalDialog,
-  M9 as ModalProvider,
+  a13 as ModalContext,
+  M6 as ModalDialog,
+  M8 as ModalProvider,
   M as MotionContainer,
   M2 as MotionLazyContainer,
   N2 as NavLink,
@@ -313,8 +299,6 @@ export {
   P8 as PaperForm,
   P3 as PeriodFormatter,
   P5 as PeriodRootStyled,
-  c4 as PointIconStyled,
-  P14 as PointStyled,
   P2 as PointsFormatter,
   P7 as Popover,
   P10 as PopupsContext,
@@ -346,7 +330,7 @@ export {
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  S11 as SKELETON_SVG_ICON,
+  a14 as SKELETON_SVG_ICON,
   S8 as ScrollBar,
   S as ScrollToTop,
   S2 as SectionCommercial,
@@ -356,8 +340,6 @@ export {
   S3 as SortCompareValues,
   S4 as SplitLayout,
   S7 as Stack,
-  S10 as SubtitleContainerStyled,
-  d5 as SubtitleWindowStyled,
   T11 as TOGGLE_BUTTON_KEY_COMPONENT,
   T15 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,
   T4 as Tab,
@@ -367,7 +349,6 @@ export {
   T6 as Tabs,
   T2 as TextEditor,
   T3 as TextFieldStyled,
-  T20 as TitleWindowStyled,
   T18 as ToastContainer,
   T19 as ToastMessage,
   T10 as ToggleButton,
@@ -381,16 +362,14 @@ export {
   T9 as Typography,
   U as UncertaintyFormatter,
   V as VariableSizeList,
-  W3 as WINDOW_BASE_KEY_COMPONENT,
   W2 as WindowBase,
-  W4 as WindowBaseSlots,
-  W5 as WindowBaseStyled,
+  W3 as WindowConfirm,
   a2 as WindowToolsMFContext,
   W as WindowToolsMFProvider,
   c3 as addLayoutItemToBreakPointIfNoExists,
-  e as addLayoutItemToBreakPoints,
-  c5 as capitalizeFirstLetter,
-  d3 as cloneLayouts,
+  d3 as addLayoutItemToBreakPoints,
+  c4 as capitalizeFirstLetter,
+  e as cloneLayouts,
   c2 as createDynamicMFStore,
   c as createToaster,
   d as defaultCommonActionsDictionary,
@@ -423,7 +402,7 @@ export {
   g18 as getLoadingErrorComponentsDictionary,
   g19 as getMFLoaderComponentsDictionary,
   a7 as getMenuActionsComponentsDictionary,
-  a12 as getModalDialogComponentsDictionary,
+  a11 as getModalDialogComponentsDictionary,
   g23 as getModalDictionary,
   g21 as getNoItemSelectedComponentsDictionary,
   g22 as getObjectLogsComponentsDictionary,
@@ -455,6 +434,7 @@ export {
   u13 as useColumnSetCheck,
   u23 as useComponentSize,
   u16 as useCustomForm,
+  u28 as useDataGridPersistence,
   u27 as useDynamicFilterAndSort,
   u as useDynamicMFParametersStore,
   u18 as useFormAddEdit,
@@ -472,9 +452,8 @@ export {
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,
-  a as varTranEnter,
-  v4 as varTranExit,
+  v4 as varTranEnter,
+  a as varTranExit,
   b as varTranHover,
-  w2 as windowBaseStyles,
   w as withSizeProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.151",
+  "version": "9.2.0",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SideBar } from '../../../src/components/SideBar';
+import { AccountPopover } from '../../../src/components/AccountPopover';
+declare const meta: Meta<typeof AccountPopover>;
+type Story = StoryObj<typeof SideBar>;
+/**
+ * Componente AccountPopover por defecto.
+ * Muestra el avatar del usuario, la versión de la aplicación, el nombre del usuario y las opciones de menú.
+ */
+export declare const Default: Story;
+export default meta;

package/storybook/components/Areas/AreasAdmin/AreasAdmin.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../../src/components/PaperForm';
+import { AreasAdmin } from '../../../../src/components/areas/components/AreasAdmin/AreasAdmin';
+declare const meta: Meta<typeof AreasAdmin>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/Areas/AreasViewer/AreasViewr.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../../src/components/PaperForm';
+import { AreasAdmin } from '../../../../src/components/areas/components/AreasAdmin/AreasAdmin';
+declare const meta: Meta<typeof AreasAdmin>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export default meta;

package/storybook/components/Areas/AreasViewer/moks/mokData.d.ts

@@ -0,0 +1,14 @@
+export declare const MOCK_CLIENTS: {
+    nombre: string;
+    correo: string;
+    telefono: string;
+    direccion: string;
+    ciudad: string;
+}[];
+export declare const MOCK_USERS: {
+    nombre: string;
+    apellido: string;
+    email: string;
+    telefono: string;
+    activo: boolean;
+}[];

package/storybook/components/Areas/AreasViewer/subcomponents/ClientsHeaderActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "clientes"
+ */
+export declare function ClientsHeaderActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/UsersHeaderActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "usuarios"
+ */
+export declare function UsersHeaderActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/WithExtendedContainer.d.ts

@@ -0,0 +1,5 @@
+import { StoryContext, StoryFn } from '@storybook/react';
+/**
+ * con contenedor extendido
+ */
+export declare const WithExtendedContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewerWithNetwork/AreasViewerWithNetwork.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../../src/components/PaperForm';
+import { AreasAdmin } from '../../../../src/components/areas/components/AreasAdmin/AreasAdmin';
+declare const meta: Meta<typeof AreasAdmin>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export default meta;

package/storybook/components/Areas/AreasViewerWithNetwork/moks/mokData.d.ts

@@ -0,0 +1,14 @@
+export declare const MOCK_CLIENTS: {
+    nombre: string;
+    correo: string;
+    telefono: string;
+    direccion: string;
+    ciudad: string;
+}[];
+export declare const MOCK_USERS: {
+    nombre: string;
+    apellido: string;
+    email: string;
+    telefono: string;
+    activo: boolean;
+}[];

package/storybook/components/Areas/AreasViewerWithNetwork/subcomponents/ClientsHeaderActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "clientes"
+ */
+export declare function ClientsHeaderActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewerWithNetwork/subcomponents/UsersHeaderActions.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que define las acciones del header para "usuarios"
+ */
+export declare function UsersHeaderActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewerWithNetwork/subcomponents/WithExtendedContainer.d.ts

@@ -0,0 +1,5 @@
+import { StoryContext, StoryFn } from '@storybook/react';
+/**
+ * con contenedor extendido
+ */
+export declare const WithExtendedContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Chip } from '../../../src/components/Chip';
+declare const meta: Meta<typeof Chip>;
+type Story = StoryObj<typeof Chip>;
+/**
+ * Base story for `Chip` in default mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `Chip` with external color 1.
+ */
+export declare const ExternalColor1: Story;
+/**
+ * Base story for `Chip` with external color 1.
+ */
+export declare const ExternalColor2: Story;
+/**
+ * Base story for `Chip` with a start icon.
+ */
+export declare const WithStartIcon: Story;
+/**
+ * Base story for `Chip` with an end icon.
+ */
+export declare const WithEndIconAndDelete: Story;
+/**
+ * Base story for `Chip` with a start and end icon.
+ */
+export declare const WithStartAndEndIcon: Story;
+/**
+ * Base story for `Chip` in skeleton mode.
+ */
+export declare const Skeleton: Story;
+export default meta;

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Color } from '../../../src/components/Color/Color';
+declare const meta: Meta<typeof Color>;
+export default meta;
+type Story = StoryObj<typeof Color>;
+/**
+ * Componente color cuando no se le asigna un `value`
+ */
+export declare const ColorSinValue: Story;
+/**
+ * Componente color cuando se le asigna un `value`
+ */
+export declare const ColorConValue: Story;
+export declare const Skeleton: Story;

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

@@ -0,0 +1,30 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DataGrid, RowKey } from '../../../src/components/DataGrid';
+import { RowType } from './helpers/types';
+declare const meta: Meta<typeof DataGrid<RowType, unknown, RowKey>>;
+type Story = StoryObj<typeof DataGrid>;
+/**
+ * DataGrid por defecto con checkbox y paginación
+ */
+export declare const Default: Story;
+/**
+ * DataGrid en modo skeleton
+ */
+export declare const DatagridSkeleton: Story;
+/**
+ * DataGrid con loadFromNetwork
+ */
+export declare const DataGridWithEventChangeUserColumn: Story;
+/**
+ * DataGrid con columns formatters
+ */
+export declare const DatagridWithFormatters: Story;
+/**
+ * DataGrid sin pager
+ */
+export declare const NoPager: Story;
+/**
+ * DataGrid con leftActions y rightActions
+ */
+export declare const CustomHeader: Story;
+export default meta;

package/storybook/components/DataGrid/helpers/getRows.d.ts

@@ -0,0 +1,5 @@
+import { RowType, SeedProps } from './types';
+/**
+ * Función para generar las filas para el DataGrid de Storybook
+ */
+export declare const getRows: (props: SeedProps) => RowType[];

package/storybook/components/DataGrid/helpers/icons.d.ts

@@ -0,0 +1,3 @@
+export declare const icons: {
+    roundRefreshIcon: string;
+};

package/storybook/components/DataGrid/helpers/types.d.ts

@@ -0,0 +1,59 @@
+import { HeaderRendererProps } from 'react-data-grid';
+export interface SeedProps {
+    quantity: number;
+    withBoolean?: boolean;
+    withConcatenated?: boolean;
+    withDate?: boolean;
+    withIcon?: boolean;
+    withInteractiveCheck?: boolean;
+    withNestedValue?: boolean;
+    withPoints?: boolean;
+    withPrice?: boolean;
+    withUncertainty?: boolean;
+    withSetCheck?: boolean;
+}
+export type GetColumnsProps = Omit<SeedProps, 'quantity'>;
+export type ColumnType = 'string' | 'number' | 'boolean' | 'date' | 'custom';
+export interface RowType {
+    id: string;
+    name: string;
+    email: string;
+    phone: string;
+    ip: string;
+    active?: boolean;
+    concatenated?: {
+        email: string;
+        phone: string;
+    };
+    created_at?: Date;
+    icon?: string;
+    interactiveCheck?: any;
+    nestedValue?: any;
+    points?: number[];
+    unit?: string;
+    price?: number;
+    uncertainty?: {
+        ranges: RangesUncertanty[];
+        symbol: string;
+        unit: string;
+    };
+    setCheck?: boolean;
+}
+interface RangesUncertanty {
+    cmc_min: number;
+    cmc_max: number;
+    cmc_min_closed: boolean;
+    cmc_max_closed: boolean;
+    cmc_uncertainty: number;
+}
+export interface Column<TRow, TSummaryRow> {
+    key: string;
+    name: string;
+    type: ColumnType;
+    formatter?: (props: any) => JSX.Element;
+    width?: number;
+    withinHeaderRenderer?: React.FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;
+    customFilter?: (row: TRow, value: string) => boolean;
+    customSort?: (a: TRow, b: TRow) => number;
+}
+export {};

package/storybook/components/DataGrid/helpers/useColumns.d.ts

@@ -0,0 +1,7 @@
+import { GetColumnsProps, RowType, Column } from './types';
+/**
+ * ****************************************************************
+ * Función que retorna las columnas para el DataGrid de Storybook
+ * ****************************************************************
+ */
+export declare const useColumnsSeed: <TRow extends RowType, TSumaryRow>(props: GetColumnsProps) => readonly Column<TRow, TSumaryRow>[];

package/storybook/components/DataGrid/helpers/useSeed.d.ts

@@ -0,0 +1,8 @@
+import { SeedProps } from './types';
+/**
+ * Función que retorna el seed para el DataGrid de Storybook
+ */
+export declare const useSeed: (props: SeedProps) => {
+    columns: readonly import('./types').Column<import('./types').RowType, unknown>[];
+    rows: import('./types').RowType[];
+};

package/storybook/components/DataGrid/subcomponents/DataGridRender.d.ts

@@ -0,0 +1,13 @@
+import { DataGridProps, RowKey } from '../../../../src/components/DataGrid/types';
+import { RowType, SeedProps } from '../helpers/types';
+interface DataGridRenderProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> {
+    dataGridProps: DataGridProps<TRow, TSummaryRow, TKey>;
+    seedProps: SeedProps;
+    rowsSelecteds?: boolean;
+    withCustomHeader?: boolean;
+}
+/**
+ * Componente que renderiza el DataGrid para el storybook
+ */
+declare function DataGridRender<TKey extends RowKey = RowKey>(props: DataGridRenderProps<RowType, unknown, TKey>): import("react/jsx-runtime").JSX.Element;
+export default DataGridRender;

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

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

package/storybook/components/DragResizeWindow/stories/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const heightWindow = 180;
+export declare const widthWindow = 260;
+export declare const marginWindow = 10;

package/storybook/components/DragResizeWindow/stories/subcomponents/ContentExample.d.ts

@@ -0,0 +1,4 @@
+/**
+ * TODO: Documentar
+ */
+export declare const ContentExample: React.FC<Record<string, any>>;

package/storybook/components/DragResizeWindow/stories/subcomponents/WithExtendedContainer.d.ts

@@ -0,0 +1,5 @@
+import { StoryContext, StoryFn } from '@storybook/react';
+/**
+ * TODO: Documentar
+ */
+export declare const WithExtendedContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/DragResizeWindow/stories/types.d.ts

@@ -0,0 +1,3 @@
+import { StoryObj } from '@storybook/react';
+import { DragResizeWindow } from '../../../../src/components/DragResizeWindow/DragResizeWindow';
+export type StoryDragResizeWindowType = StoryObj<typeof DragResizeWindow>;

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

@@ -0,0 +1,29 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DynamicFilter } from '../../../src/components/DynamicFilter/DynamicFilter';
+declare const meta: Meta<typeof DynamicFilter>;
+export default meta;
+type Story = StoryObj<typeof DynamicFilter>;
+/**
+ * Base DynamicFilter component
+ */
+export declare const Base: Story;
+/**
+ * DynamicFilter With props `automatic=true`
+ */
+export declare const WithAutomatic: Story;
+/**
+ * DynamicFilter With props `withAllField=true`
+ */
+export declare const WithAllField: Story;
+/**
+ * DynamicFilter With fixed field
+ */
+export declare const WithFixedField: Story;
+/**
+ * DynamicFilter in skeleton mode
+ */
+export declare const WithSkeleton: Story;
+/**
+ * DynamicFilter with errors
+ */
+export declare const WithErrors: Story;

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DynamicSort } from '../../../src/components/DynamicSort/DynamicSort';
+declare const meta: Meta<typeof DynamicSort>;
+export default meta;
+type Story = StoryObj<typeof DynamicSort>;
+/**
+ * Base DynamicSort component
+ */
+export declare const Base: Story;
+/**
+ * DynamicSort with `initialAppliedSorts`
+ */
+export declare const WithInitialSort: Story;
+/**
+ * DynamicSort in skeleton mode
+ */
+export declare const WithSkeleton: Story;
+/**
+ * DynamicFilter With fixed field
+ */
+export declare const WithFixedField: Story;
+/**
+ * DynamicFilter With props `automatic=true`
+ */
+export declare const WithAutomatic: Story;

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

@@ -0,0 +1,9 @@
+import { HelperError } from '../../../src/components/HelperError';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof HelperError>;
+export default meta;
+type Story = StoryObj<typeof HelperError>;
+/** Base HelperError component  */
+export declare const HelperErrorComponent: Story;
+/** Skeleton HelperError component  */
+export declare const Skeleton: Story;

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Icon } from '../../../src/components/Icon';
+declare const meta: Meta<typeof Icon>;
+type Story = StoryObj<typeof Icon>;
+/**
+ * Icon component by default with tooltip content 'Tooltip'
+ */
+export declare const Default: Story;
+/**
+ * Icon component with color primary.enabled
+ */
+export declare const iconColor: Story;
+/**
+ * Icon component with size small
+ */
+export declare const small: Story;
+/**
+ * Icon component with size medium
+ */
+export declare const medium: Story;
+export default meta;

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

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Label } from '../../../src/components/Label/Label';
+/**
+ * Label es un componente React que renderiza una etiqueta de texto, la cual puede ser utilizada en formularios o en cualquier
+ * lugar donde se necesite una descripción textual.
+ * Soporta la visualización de un indicador de campo obligatorio, mensaje de ayuda a través
+ * de un tooltip, y puede adaptar su tamaño. El componente también puede mostrar un estado de esqueleto, indicando
+ * que el contenido está cargando.
+ */
+declare const meta: Meta<typeof Label>;
+export default meta;
+type Story = StoryObj<typeof Label>;
+/**  Label component Props Comunes  */
+export declare const LabelDefault: Story;
+/** Label component mode Skeleton With props `helperMessage`   */
+export declare const LabelDefaultSkeleton: Story;