@m4l/components 9.1.151 → 9.2.0

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

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LanguagePopover } from '../../../src/components/LanguagePopover/LanguagePopover';
+declare const meta: Meta<typeof LanguagePopover>;
+export default meta;
+type Story = StoryObj<typeof LanguagePopover>;
+/**
+ * Componente LanguagePopover en estado base
+ */
+export declare const Base: Story;
+/**
+ * Componente LanguagePopover en estado de carga constante
+ */
+export declare const Loader: Story;
+/**
+ * Componente LanguagePopover en estado Skeleton
+ */
+export declare const Sleketon: Story;

package/storybook/components/LanguagePopover/moks/mokData.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Funcion handle_mock para moks de endpoints de la historia LanguagePopover.stories.tsx
+ */
+export declare const handle_mock: import('msw').HttpHandler[];

package/storybook/components/LoadingError/Loadingerror.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LoadingError } from '../../../src/components/LoadingError/LoadingError';
+declare const meta: Meta<typeof LoadingError>;
+export default meta;
+type Story = StoryObj<typeof LoadingError>;
+export declare const ErrorState: Story;
+export declare const LoadingState: Story;
+export declare const ShortState: Story;
+export declare const MoreShortState: Story;

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

@@ -0,0 +1,72 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuActions } from '../../../src/components/MenuActions';
+/**
+ * Datos con los que se cargan los ítems del menú.
+ */
+declare const meta: Meta<typeof MenuActions>;
+export default meta;
+type Story = StoryObj<typeof MenuActions>;
+/**
+ * Componente base de `MenuActions`.
+ */
+export declare const Default: Story;
+/**
+ * Component when passed a ReactNode `MenuActions`.
+ */
+export declare const NoIcon: Story;
+/**
+ * Componente with another icon de `MenuActions`.
+ */
+export declare const AnotherIcon: Story;
+/**
+ * Componente `MenuActions` en estado disabled.
+ */
+export declare const Disabled: Story;
+/**
+ * Estado vacío del componente `MenuActions`.
+ */
+export declare const Empty: Story;
+/**
+ * `MenuActions` con un elemento adicional al final de la lista (`endListElement`).
+ */
+export declare const WithEndListElement: Story;
+/**
+ * `MenuActions` en modo esqueleto (skeleton).
+ */
+export declare const WithSkeleton: Story;
+/**
+ * `MenuActions` usando las paperProps
+ */
+export declare const WithPaperProps: Story;
+/**
+ * Componente con un `type` de `MenuTypes.divider`.
+ */
+export declare const DividerType: Story;
+/**
+ * Componente con un `type` de `MenuTypes.customNode`.
+ */
+export declare const CustomNodeType: Story;
+/**
+ * Componente conbinado con loader y divider.
+ */
+export declare const LoaderAndDivider: Story;
+/**
+ * `MenuActions` con un `customNode` al final que simula un footer con un tooltip.
+ */
+export declare const WithFooterCustomNode: Story;
+/**
+ * Header con solo un título.
+ */
+export declare const WithTitleHeader: Story;
+/**
+ * Footer con un botón de salida.
+ */
+export declare const WithFooterExitButton: Story;
+/**
+ * Footer con enlaces adicionales.
+ */
+export declare const WithFooterLinks: Story;
+/**
+ * Header y Footer combinados.
+ */
+export declare const WithHeaderAndFooter: Story;

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

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

package/storybook/components/ModalDialog/subcomponent/WithExtendedContainer.d.ts

@@ -0,0 +1,33 @@
+import { StoryFn, StoryContext } from '@storybook/react';
+/**
+ * WithExtendedContainer Decorator
+ *
+ * This decorator wraps a Storybook story to integrate with the `useModal` hook
+ * for managing modal dialog states and props dynamically.
+ *
+ * ### Features:
+ * - Provides an "Open Modal" button to trigger the modal dialog.
+ * - Dynamically manages the `open` and `onClose` properties using `useModal`.
+ * - Supplies additional modal props like `fullScreen` and dimensions.
+ *
+ * ### Example Usage:
+ * ```tsx
+ * export const meta = {
+ *   title: 'Components/ModalDialog',
+ *   component: ModalDialog,
+ *   decorators: [WithModalContext],
+ * };
+ *
+ * export const Default = {
+ *   args: {
+ *     fullScreen: false,
+ *     initialWidth: 600,
+ *     initialHeight: 400,
+ *   },
+ * };
+ * ```
+ * @param Story - The story function being decorated.
+ * @param context - Story context containing args and metadata.
+ * @returns JSX.Element - The decorated story with modal integration.
+ */
+export declare const WithExtendedContainer: (_: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

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

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

package/storybook/components/NumberInput/NumberInput.default.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NumberInput } from '../../../src/components/NumberInput/NumberInput';
+declare const meta: Meta<typeof NumberInput>;
+export default meta;
+type Story = StoryObj<typeof NumberInput>;
+/**
+ * Componente InputNumber en su modo por defecto Controlado
+ */
+export declare const Controlled: Story;
+/**
+ * Componente InputNumber No Controlado
+ */
+export declare const NoControlled: Story;
+/**
+ * Componente InputNumber No Controlado
+ */
+export declare const Skeleton: Story;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PDFViewer } from '../../../src';
+declare const meta: Meta<typeof PDFViewer>;
+export default meta;
+type Story = StoryObj<typeof PDFViewer>;
+/**
+ * Componente PDFViewer con URL de archivo PDF
+ */
+export declare const Base: Story;

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pager } from '../../../src/components/Pager/Pager';
+declare const meta: Meta<typeof Pager>;
+type Story = StoryObj<typeof Pager>;
+/**
+ * Default story for the Pager component.
+ */
+export declare const Default: Story;
+/**
+ * Pager with custom rows per page options.
+ */
+export declare const CustomRowsPerPageOptions: Story;
+/**
+ * Pager with no records.
+ */
+export declare const NoRecords: Story;
+/**
+ * Pager with skeleton.
+ */
+export declare const WithSkeleton: Story;
+export default meta;

package/storybook/components/Pager/subcomopnents/WithContextDataProvider.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Decorador para proveer los datos de contexto necesarios para el componente Pager.
+ */
+export declare const WithContextDataProvider: () => import("react/jsx-runtime").JSX.Element;

package/storybook/components/PopupsViewer/basic.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { PopupsViewer } from '../../../src/components/popups/components/PopupsViewer/PopupsViewer';
+import { StoryPopupsProviderType } from './types';
+declare const meta: Meta<typeof PopupsViewer>;
+export default meta;
+export declare const Base: StoryPopupsProviderType;

package/storybook/components/PopupsViewer/dictionary.d.ts

@@ -0,0 +1 @@
+export declare const PopupsViewerDictionary: string[];

package/storybook/components/PopupsViewer/subcomponents/PopupActions.d.ts

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

package/storybook/components/PopupsViewer/subcomponents/PopupContentExample.d.ts

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

package/storybook/components/PopupsViewer/subcomponents/WithExtendedPopupsContainer.d.ts

@@ -0,0 +1,5 @@
+import { StoryContext, StoryFn } from '@storybook/react';
+/**
+ * Componente que envuelve el story y le proporciona un contenedor con tamaño.
+ */
+export declare const WithExtendedPopupsContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/PopupsViewer/subcomponents/initialPopups.d.ts

@@ -0,0 +1,6 @@
+import { PopupsProviderProps } from '../../../../src/components/popups/components/PopupsProvider/contexts/PopupsContext/types';
+export declare const heightWindow = 180;
+export declare const widthWindow = 260;
+export declare const marginWindow = 10;
+export declare const baseInitialPopups: PopupsProviderProps['initialPopups'];
+export declare const variantSmallIntialPopups: PopupsProviderProps['initialPopups'];

package/storybook/components/PopupsViewer/types.d.ts

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

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

@@ -0,0 +1,61 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PropertyValue } from '../../../src/components/PropertyValue/PropertyValue';
+declare const meta: Meta<typeof PropertyValue>;
+export default meta;
+type Story = StoryObj<typeof PropertyValue>;
+/**
+ * Historia por defecto para el componente `PropertyValue`.
+ */
+export declare const Default: Story;
+/**
+ * Historia para un campo de correo con validación de obligatoriedad.
+ */
+export declare const MandatoryEmailField: Story;
+/**
+ * Historia para un campo con un ícono.
+ */
+export declare const WithIconForm: Story;
+/**
+ * Historia para un campo con un botón como acción.
+ */
+export declare const WithButtonForm: Story;
+/**
+ * Historia para un campo deshabilitado con ícono.
+ */
+export declare const DisabledWithIcon: Story;
+/**
+ * Historia para un campo con un ícono.
+ */
+export declare const IconField: Story;
+/**
+ * Historia para un campo numérico con adornos de porcentaje.
+ */
+export declare const PercentField: Story;
+/**
+ * Historia para un botón como acción.
+ */
+export declare const WithButton: Story;
+/**
+ * Historia para un componente con mas altura.
+ */
+export declare const WithHeight: Story;
+/**
+ * Historia sin formulario.
+ */
+export declare const NoForm: Story;
+/**
+ * Historia para hover sin formulario.
+ */
+export declare const NoFormHover: Story;
+/**
+ * Historia sin formulario con icono.
+ */
+export declare const NoFormIcon: Story;
+/**
+ * Historia sin formulario con propiedad larga.
+ */
+export declare const LargeProperty: Story;
+/**
+ * Historia sin formulario con valor largo.
+ */
+export declare const LargeValue: Story;

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SideBar } from '../../../src/components/SideBar';
+declare const meta: Meta<typeof SideBar>;
+type Story = StoryObj<typeof SideBar>;
+/**
+ * Componente SideBar por defecto sin ningún item seleccionado
+ */
+export declare const Default: Story;
+/**
+ * Componente SideBar con items en el menu, con un item seleccionado y 5 anidaciones incluyendo la sección padre de los menu items
+ */
+export declare const SidebarWithItemSelected: Story;
+export declare const SidebarWithoutData: Story;
+/**
+ * SideBar con componentes en skeleton
+ */
+export declare const SidebarWithSkeleton: Story;
+export default meta;

package/storybook/components/SideBar/data/menuData.d.ts

@@ -0,0 +1,2 @@
+import { MenuDataType } from '../../../../src/components/SideBar/types';
+export declare const menuData: MenuDataType[];

package/storybook/components/SideBar/subcomponents/SibarDecorator.d.ts

@@ -0,0 +1,3 @@
+import { SideBarProps } from '../../../../src/components/SideBar/types';
+declare const _default: import('react').MemoExoticComponent<(props: SideBarProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,47 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ToastContainer } from '../../../src/components/ToastContainer/ToastContainer';
+/**
+ * El toaster es creado extendiendo la librería `react-toastify`
+ *
+ * Para usar el toaster de debe agregar un ToasterContainer para que se puedan
+ * mostrar las notificaciones:
+ *
+ * Ejemplo:
+ *
+ * ```jsx
+ * import { ToastContainer } from '@m4l/components';
+ *
+ * function ReactComponent() {
+ *   // Contenedor para que sean mostrados los mensajes y configuración general de los mensajes
+ *   return <ToastContainer containerId="key-unico-contenedor" />;
+ * }
+ * ```
+ *
+ * Crear `toaster` referenciando el `containerId` para lanzar los mensajes:
+ *
+ * ```jsx
+ * import { createToaster } from '@m4l/components';
+ *
+ * // Usar el mismo containerId del contenedor configurado
+ * const toaster = createToaster('key-unico-contenedor');
+ *
+ * function ReactComponent() {
+ *   function showToast() {
+ *     toaster(
+ *       { title: 'My toast title', description: 'My toast description' },
+ *       { type: 'info' },
+ *     );
+ *   }
+ *
+ *   return <Button onClick={showToast}>Lanzar toast</Button>
+ * }
+ *
+ * ```
+ */
+declare const meta: Meta<typeof ToastContainer>;
+export declare const Base: Story;
+export declare const WithDescription: Story;
+export declare const WithoutFixed: Story;
+export declare const WithPosition: Story;
+export default meta;
+type Story = StoryObj<typeof ToastContainer>;

package/storybook/components/WindowBase/subcomponents/WithContextWindowToolsProvider.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decorador para proveer los contextos de WindowTools y DynamicMFParms.
+ */
+export declare const WithContextWindowToolsProvider: (Story: StoryFn<any>, context: any) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+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;
+export default meta;

package/storybook/components/WindowConfirm/windowConfirm.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { WindowConfirm } from '../../../src/components/WindowConfirm/WindowConfirm';
+declare const meta: Meta<typeof WindowConfirm>;
+type Story = StoryObj<typeof WindowConfirm>;
+export declare const WarningVariant: Story;
+export declare const ErrorVariant: Story;
+export declare const InfoVariant: Story;
+export default meta;

package/storybook/components/appBar/AppBar.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AppBar } from '../../../src/components/AppBar';
+declare const meta: Meta<typeof AppBar>;
+type Story = StoryObj<typeof AppBar>;
+/**
+ * AppBar component por defecto con el logo de la compañía.
+ */
+export declare const Default: Story;
+export default meta;

package/storybook/components/commonActions/components/ActionCancel/ActionCancel.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionCancel } from '../../../../../src/components/CommonActions/components/ActionCancel/ActionCancel';
+declare const meta: Meta<typeof ActionCancel>;
+type Story = StoryObj<typeof ActionCancel>;
+/**
+ * Base story for `ActionCancel` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `ActionCancel` with start icon.
+ */
+export declare const WithStartIcon: Story;
+/**
+ * Base story for `ActionCancel` with end icon.
+ */
+export declare const WithEndIcon: Story;
+/**
+ * Base story for `ActionCancel` with start and end icon.
+ */
+export declare const WithStartAndEndIcon: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/commonActions/components/ActionFormCancel/ActionFormCancel.stories.d.ts

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

package/storybook/components/commonActions/components/ActionFormCancel/WindowToolsMFProvider.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decorador para proveer los contextos de WindowTools y DynamicMFParms.
+ */
+export declare const WithExtendedContainer: (Story: StoryFn<any>, context: any) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/commonActions/components/ActionFormIntro/ActionFormIntro.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionFormIntro } from '../../../../../src/components/CommonActions/components/ActionFormIntro/ActionFormIntro';
+declare const meta: Meta<typeof ActionFormIntro>;
+type Story = StoryObj<typeof ActionFormIntro>;
+/**
+ * Base story for `ActionFormIntro` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `ActionFormIntro` with start icon.
+ */
+export declare const WithStartIcon: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/commonActions/components/ActionIntro/ActionIntro.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionIntro } from '../../../../../src/components/CommonActions/components/ActionIntro';
+declare const meta: Meta<typeof ActionIntro>;
+type Story = StoryObj<typeof ActionIntro>;
+/**
+ * Base story for `ActionIntro` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Base story for `ActionIntro` with start icon.
+ */
+export declare const WithStartIcon: Story;
+/**
+ * Base story for `ActionIntro` with end icon.
+ */
+export declare const WithEndIcon: Story;
+/**
+ * Base story for `ActionIntro` with start and end icon.
+ */
+export declare const WithStartAndEndIcon: Story;
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/commonActions/components/ActionsContainer/ActionsContainer.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionsContainer } from '../../../../../src/components/CommonActions/components/ActionsContainer/ActionsContainer';
+declare const meta: Meta<typeof ActionsContainer>;
+type Story = StoryObj<typeof ActionsContainer>;
+/**
+ * Base story for `ActionsContainer` in standard mode.
+ */
+export declare const Default: Story;
+/**
+ * Story for `ActionsContainer` with action buttons.
+ */
+export declare const WithActionsButtons: Story;
+export default meta;

package/storybook/components/extended/React-Router-Dom/NavLink/NavLInk.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NavLink } from '../../../../../src/components/mui_extended/NavLink';
+/**
+ * NavLink es un componente de presentación e interacción diseñado para facilitar la navegación dentro de una aplicación o sitio web.
+ * Este componente utiliza un texto o enlace visualmente destacado que permite a los usuarios acceder rápidamente a una página o sección de interés. Su diseño lo hace fácilmente identificable,
+ * lo que mejora la experiencia de usuario al proporcionar una interfaz clara e intuitiva.
+ * @param {NavLinkProps} props - Las propiedades del componente.
+ * @returns {JSX.Element} El componente NavLink renderizado.
+ */
+declare const meta: Meta<typeof NavLink>;
+export default meta;
+type Story = StoryObj<typeof NavLink>;
+export declare const NavLinkDefault: Story;
+export declare const NavLinkVisited: Story;
+/** NavLink component mode Skeleton */
+export declare const NavLinkDefaultSkeleton: Story;

package/storybook/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PropagateLoaderSpinner } from '../../../../../src/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner';
+declare const meta: Meta<typeof PropagateLoaderSpinner>;
+type Story = StoryObj<typeof PropagateLoaderSpinner>;
+/**
+ * Historia base para `PropagateLoaderSpinner` con configuración por defecto.
+ */
+export declare const Default: Story;
+export default meta;

package/storybook/components/extended/React-Splitter-Layout/SplitLayout.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SplitLayout } from '../../../../src/components/extended/React-Splitter-Layout/SplitLayout';
+declare const meta: Meta<typeof SplitLayout>;
+export default meta;
+type Story = StoryObj<typeof SplitLayout>;
+/**
+ * Componente `SplitLayout` con historia por base
+ */
+export declare const Base: Story;
+/**
+ * Componente `SplitLayout` con las `props` `firstPart` y `secondPart`
+ */
+export declare const WithProps: Story;

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

@@ -0,0 +1,25 @@
+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;
+export default meta;

package/storybook/components/extended/mui/Autocomplete/AutoComple.stories.d.ts

@@ -0,0 +1,20 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AutocompleteProps } from '../../../../../src/components/mui_extended/Autocomplete/types';
+import { ReactNode } from 'react';
+type OptionType = {
+    id: number;
+    label: string;
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+    imageUrl?: string;
+};
+declare const meta: Meta<AutocompleteProps<OptionType, undefined>>;
+export default meta;
+type Story = StoryObj<AutocompleteProps<OptionType, false>>;
+export declare const TextSingle: Story;
+export declare const TextMultiple: Story;
+export declare const ImageSingle: Story;
+export declare const ImageMultiple: Story;
+export declare const Loading: Story;
+export declare const Refresh: Story;
+export declare const Skeleton: Story;