@mp-front/components 0.0.1-next-0

package/dist/components/list/list.stories.d.ts

@@ -0,0 +1,62 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { List } from '..';
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic list without title
+ */
+export declare const Default: Story;
+/**
+ * List with title
+ */
+export declare const WithTitle: Story;
+/**
+ * Small list
+ */
+export declare const SmallSize: Story;
+/**
+ * Medium list (default)
+ */
+export declare const MediumSize: Story;
+/**
+ * Large list
+ */
+export declare const LargeSize: Story;
+/**
+ * Extra large list
+ */
+export declare const ExtraLargeSize: Story;
+/**
+ * List with scroll (many items)
+ */
+export declare const WithScroll: Story;
+/**
+ * List with pagination
+ */
+export declare const WithPagination: Story;
+/**
+ * List with links
+ */
+export declare const WithLinks: Story;
+/**
+ * List with click handlers
+ */
+export declare const WithClickHandlers: Story;
+/**
+ * List without border or shadow
+ */
+export declare const NoBorderNoShadow: Story;
+/**
+ * Empty list
+ */
+export declare const Empty: Story;
+/**
+ * List with custom height
+ */
+export declare const CustomHeight: Story;
+/**
+ * Comparison of all sizes
+ */
+export declare const AllSizes: Story;
+//# sourceMappingURL=list.stories.d.ts.map

package/dist/components/list/list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/list/list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAGtD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAoC3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAmBlC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA4B/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA"}

package/dist/components/list/list.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list.test.d.ts.map

package/dist/components/list/list.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/list/list.test.tsx"],"names":[],"mappings":""}

package/dist/components/list/list.title.d.ts

@@ -0,0 +1,21 @@
+import { ListTitleProps } from './list.types';
+/**
+ * Componente de título para la lista
+ *
+ * Renderiza el título de la lista utilizando el componente Typography.Title
+ * con nivel h3 y estilos personalizables.
+ *
+ * @component
+ * @param {ListTitleProps} props - Las propiedades del componente
+ * @param {string} props.title - Título a mostrar
+ * @param {'sm' | 'md' | 'lg' | 'xl'} props.size - Tamaño del componente (actualmente no usado)
+ * @param {string} [props.className=''] - Clases CSS adicionales
+ * @returns {JSX.Element} El componente de título renderizado
+ *
+ * @example
+ * ```tsx
+ * <ListTitle title="My List" size="md" />
+ * ```
+ */
+export declare const ListTitle: ({ title, className }: ListTitleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list.title.d.ts.map

package/dist/components/list/list.title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.title.d.ts","sourceRoot":"","sources":["../../../src/lib/components/list/list.title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,yBAA+B,cAAc,4CAMlE,CAAA"}

package/dist/components/list/list.types.d.ts

@@ -0,0 +1,187 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { Size } from '../../types/common';
+/**
+ * Individual list item element
+ */
+export interface ListItem {
+    /**
+     * Unique item identifier
+     */
+    id: string | number;
+    /**
+     * Item content (text or React component)
+     */
+    content: ReactNode;
+    /**
+     * Optional URL to make the item clickable
+     */
+    href?: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * Props for the List component
+ */
+export interface ListProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /**
+     * Array of items to display in the list
+     */
+    items: ListItem[];
+    /**
+     * Optional list title
+     */
+    title?: string;
+    /**
+     * Component size
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Whether to show pagination
+     * @default false
+     */
+    withPagination?: boolean;
+    /**
+     * Current page when using pagination
+     * @default 1
+     */
+    currentPage?: number;
+    /**
+     * Items per page
+     * @default 10
+     */
+    itemsPerPage?: number;
+    /**
+     * Callback when page changes
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Whether to show container border
+     * @default true
+     */
+    showBorder?: boolean;
+    /**
+     * Whether to show container shadow
+     * @default true
+     */
+    showShadow?: boolean;
+    /**
+     * Custom container height (overrides predefined size)
+     */
+    height?: string;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+    /**
+     * Additional CSS class for the title
+     */
+    titleClassName?: string;
+    /**
+     * Additional CSS class for each item
+     */
+    itemClassName?: string;
+    /**
+     * Message when there are no items
+     */
+    emptyMessage?: string;
+}
+/**
+ * Props for the ListContainer component
+ */
+export interface ListContainerProps {
+    /**
+     * Array de elementos paginados a mostrar
+     */
+    paginatedItems: ListItem[];
+    /**
+     * Altura del contenedor
+     */
+    containerHeight: string;
+    /**
+     * Tamaño del componente
+     */
+    size: Size;
+    /**
+     * Indica si la paginación está habilitada
+     */
+    withPagination: boolean;
+    /**
+     * Indica si se muestra el borde
+     */
+    showBorder: boolean;
+    /**
+     * Indica si se muestra la sombra
+     */
+    showShadow: boolean;
+    /**
+     * Mensaje cuando no hay elementos
+     */
+    emptyMessage: string;
+    /**
+     * Clases CSS adicionales para cada elemento
+     */
+    itemClassName?: string;
+}
+/**
+ * Props for the EmptyState component
+ */
+export interface EmptyStateProps {
+    /**
+     * Mensaje a mostrar cuando la lista está vacía
+     */
+    message: string;
+    /**
+     * Tamaño del componente
+     */
+    size: Size;
+}
+/**
+ * Props for the ListItemComponent
+ */
+export interface ListItemComponentProps {
+    /**
+     * Elemento de la lista
+     */
+    item: ListItem;
+    /**
+     * Índice del elemento en el array
+     */
+    index: number;
+    /**
+     * Indica si es el último elemento
+     */
+    isLast: boolean;
+    /**
+     * Tamaño del componente
+     */
+    size: Size;
+    /**
+     * Clases CSS adicionales para el elemento
+     */
+    itemClassName?: string;
+}
+/**
+ * Props for the ListTitle component
+ */
+export interface ListTitleProps {
+    /**
+     * Título a mostrar
+     */
+    title: string;
+    /**
+     * Tamaño del componente
+     */
+    size: Size;
+    /**
+     * Clases CSS adicionales
+     */
+    className?: string;
+}
+//# sourceMappingURL=list.types.d.ts.map

package/dist/components/list/list.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/list/list.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAErC;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD;;OAEG;IACH,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,cAAc,EAAE,QAAQ,EAAE,CAAA;IAC1B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,cAAc,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;CACX;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IACV;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * as Modal from './modal.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAA"}

package/dist/components/modal/modal.component.d.ts

@@ -0,0 +1,4 @@
+import { IModalProps } from '../../interfaces';
+declare const Modal: ({ isOpen, onClose, children, header, title, message, type, titleAlign, buttonOk, buttonCancel, isCloseAble, className: panelClassName, }: IModalProps) => import("react/jsx-runtime").JSX.Element;
+export default Modal;
+//# sourceMappingURL=modal.component.d.ts.map

package/dist/components/modal/modal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.component.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,QAAA,MAAM,KAAK,6IAaR,WAAW,4CA+Bb,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/modal/modal.content.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    children: React.ReactNode;
+    panelClassName?: string;
+    isCloseAble?: boolean;
+    onClose?: () => void;
+}
+declare const ModalContent: ({ children, panelClassName, isCloseAble, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ModalContent;
+//# sourceMappingURL=modal.content.d.ts.map

package/dist/components/modal/modal.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.content.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.content.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,wDAKf,KAAK,4CAwCP,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/modal/modal.footer.d.ts

@@ -0,0 +1,3 @@
+import { IModalFooterProps } from '../../interfaces/modal';
+export declare const ModalFooter: ({ buttonCancel, buttonOk }: IModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal.footer.d.ts.map

package/dist/components/modal/modal.footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.footer.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAGtD,eAAO,MAAM,WAAW,+BAAgC,iBAAiB,4CAsBxE,CAAA"}

package/dist/components/modal/modal.header.d.ts

@@ -0,0 +1,12 @@
+import { ModalType } from '../../interfaces';
+import { ReactNode } from 'react';
+interface Props {
+    type?: ModalType;
+    title?: string | React.ReactNode;
+    message?: ReactNode | string;
+    titleAlign?: "left" | "center" | "right";
+    children: ReactNode;
+}
+declare const ModalHeader: ({ type, title, message, titleAlign, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ModalHeader;
+//# sourceMappingURL=modal.header.d.ts.map

package/dist/components/modal/modal.header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.header.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.header.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACxC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,WAAW,oDAMd,KAAK,4CA2DP,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/modal/modal.motion.d.ts

@@ -0,0 +1,29 @@
+export declare const overlayMotion: {
+    hidden: {
+        opacity: number;
+    };
+    visible: {
+        opacity: number;
+    };
+    exit: {
+        opacity: number;
+    };
+};
+export declare const contentMotion: {
+    hidden: {
+        opacity: number;
+        scale: number;
+        y: number;
+    };
+    visible: {
+        opacity: number;
+        scale: number;
+        y: number;
+    };
+    exit: {
+        opacity: number;
+        scale: number;
+        y: number;
+    };
+};
+//# sourceMappingURL=modal.motion.d.ts.map

package/dist/components/modal/modal.motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.motion.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.motion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;CAIzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAIzB,CAAA"}

package/dist/components/modal/modal.overlay.d.ts

@@ -0,0 +1,3 @@
+declare const ModalOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default ModalOverlay;
+//# sourceMappingURL=modal.overlay.d.ts.map

package/dist/components/modal/modal.overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.overlay.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.overlay.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY,+CAkBjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/modal/modal.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Modal } from '..';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const WithCustomContent: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const WithoutFooter: Story;
+//# sourceMappingURL=modal.stories.d.ts.map

package/dist/components/modal/modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/modal/modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAU,KAAK,EAAE,MAAM,cAAc,CAAA;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAoB5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAsCnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA"}

package/dist/components/notification/index.d.ts

@@ -0,0 +1,2 @@
+export * as Notification from './notification.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,0BAA0B,CAAA"}

package/dist/components/notification/notification.close.button.d.ts

@@ -0,0 +1,38 @@
+import { NotificationCloseButtonProps } from './notification.types';
+/**
+ * Close button for notifications.
+ *
+ * Specialized component that renders an accessible button to close notifications.
+ * It's positioned absolutely in the top-right corner of the notification
+ * and includes hover, focus states with smooth transitions.
+ *
+ * Features:
+ * - Absolute positioning (top-2 right-2)
+ * - Interactive states with smooth transitions
+ * - Full accessibility with ARIA labels
+ * - Consistent styles with design system
+ * - Automatic integration with onClose callback
+ *
+ * @component
+ * @param {NotificationCloseButtonProps} props - The component properties
+ * @param {(id?: string) => void} [props.onClose] - Function that executes when closing the notification
+ * @param {string} [props.id] - Unique identifier passed to the onClose callback
+ * @returns {JSX.Element} The rendered close button
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <NotificationCloseButton
+ *   onClose={(id) => removeNotification(id)}
+ *   id="notification-123"
+ * />
+ *
+ * // With local state handling
+ * <NotificationCloseButton
+ *   onClose={() => setIsVisible(false)}
+ * />
+ * ```
+ */
+declare const NotificationCloseButton: ({ onClose, id, }: NotificationCloseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationCloseButton;
+//# sourceMappingURL=notification.close.button.d.ts.map

package/dist/components/notification/notification.close.button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.close.button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/notification/notification.close.button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAA;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,QAAA,MAAM,uBAAuB,qBAG1B,4BAA4B,4CAW9B,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/notification/notification.component.d.ts

@@ -0,0 +1,74 @@
+import { NotificationProps } from './notification.types';
+/**
+ * Notification component for displaying informative, success, warning, or error messages.
+ *
+ * This is the main component of the notification system that uses Motion
+ * for smooth entry/exit animations and provides a consistent visual interface
+ * for communicating different types of messages to users.
+ *
+ * It's composed of three modular subcomponents:
+ * - NotificationCloseButton: Button to close the notification
+ * - NotificationIcon: Visual icon based on notification type
+ * - NotificationContent: Textual content and custom elements
+ *
+ * @component
+ * @param {NotificationProps} props - The component properties
+ * @param {'success' | 'info' | 'warning' | 'error' | 'default'} [props.type='default'] - Notification type that determines color and icon
+ * @param {string} [props.title] - Main title of the notification
+ * @param {string} [props.message] - Descriptive message of the notification
+ * @param {number} [props.duration=4000] - Duration in milliseconds before auto-close (0 = no auto-close)
+ * @param {string} [props.id] - Unique identifier of the notification for callbacks
+ * @param {'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center'} [props.placement='top-right'] - Position where the notification appears
+ * @param {boolean} [props.showIcon=true] - Whether to show the icon based on type
+ * @param {boolean} [props.closable=false] - Whether to show the close button
+ * @param {(id?: string) => void} [props.onClose] - Function that executes when closing the notification
+ * @param {string} [props.className=''] - Additional CSS classes for the container
+ * @param {string} [props.borderColor] - Custom border color (overrides type color)
+ * @param {string} [props.iconColor] - Custom icon color (overrides type color)
+ * @param {ReactNode} [props.children] - Additional custom content within the notification
+ * @returns {JSX.Element} The Notification component rendered with animation
+ *
+ * @example
+ * ```tsx
+ * // Simple success notification
+ * <Notification
+ *   type="success"
+ *   title="Operation successful!"
+ *   message="Changes were saved successfully"
+ *   duration={5000}
+ * />
+ *
+ * // Error notification with close button
+ * <Notification
+ *   type="error"
+ *   title="Server error"
+ *   message="Could not connect to server"
+ *   closable={true}
+ *   placement="bottom-right"
+ *   onClose={(id) => console.log('Closed notification:', id)}
+ * />
+ *
+ * // Persistent notification with custom content
+ * <Notification
+ *   type="warning"
+ *   title="Important warning"
+ *   message="This action cannot be undone"
+ *   duration={0}
+ *   closable={true}
+ * >
+ *   <button onClick={handleRetry}>Retry</button>
+ *   <button onClick={handleCancel}>Cancel</button>
+ * </Notification>
+ *
+ * // Notification with custom colors
+ * <Notification
+ *   title="Custom notification"
+ *   message="With specific brand colors"
+ *   borderColor="border-purple-500"
+ *   iconColor="text-purple-600"
+ * />
+ * ```
+ */
+declare const Notification: ({ type, title, message, duration, id, placement, showIcon, closable, onClose, className, children, borderColor, iconColor, ...props }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default Notification;
+//# sourceMappingURL=notification.component.d.ts.map

package/dist/components/notification/notification.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/notification/notification.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,QAAA,MAAM,YAAY,0IAef,iBAAiB,4CAqDnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/notification/notification.component.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=notification.component.test.d.ts.map

package/dist/components/notification/notification.component.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.component.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/notification/notification.component.test.tsx"],"names":[],"mappings":""}

package/dist/components/notification/notification.content.d.ts

@@ -0,0 +1,58 @@
+import { NotificationContentProps } from './notification.types';
+/**
+ * Component for rendering the textual content of the notification.
+ *
+ * Handles the structured display of title, message and custom content
+ * of the notification. Uses the project's Typography system and conditional
+ * rendering to show only elements that have content.
+ *
+ * Visual structure:
+ * - Vertical layout with 8px gap between elements
+ * - Title: Typography.Title level 5, medium weight
+ * - Message: Typography.Text size sm with leading-5
+ * - Children: Direct rendering after textual content
+ * - Full width with center justification
+ *
+ * @component
+ * @param {NotificationContentProps} props - The component properties
+ * @param {string} [props.title] - Main title of the notification
+ * @param {string} [props.message] - Descriptive message of the notification
+ * @param {ReactNode} [props.children] - Additional custom content (buttons, links, etc.)
+ * @returns {JSX.Element} The notification content component
+ *
+ * @example
+ * ```tsx
+ * // Title only
+ * <NotificationContent
+ *   title="Operation completed"
+ * />
+ *
+ * // Title and message
+ * <NotificationContent
+ *   title="Connection error"
+ *   message="Could not connect to server. Please try again."
+ * />
+ *
+ * // With custom content
+ * <NotificationContent
+ *   title="Update available"
+ *   message="New version of the application available"
+ * >
+ *   <div className="flex gap-2 mt-2">
+ *     <button className="btn-primary">Update</button>
+ *     <button className="btn-secondary">Later</button>
+ *   </div>
+ * </NotificationContent>
+ *
+ * // Custom content only
+ * <NotificationContent>
+ *   <div className="custom-notification-content">
+ *     <img src="/icon.png" alt="Custom" />
+ *     <p>Completely custom content</p>
+ *   </div>
+ * </NotificationContent>
+ * ```
+ */
+declare const NotificationContent: ({ title, message, children, }: NotificationContentProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationContent;
+//# sourceMappingURL=notification.content.d.ts.map

package/dist/components/notification/notification.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.content.d.ts","sourceRoot":"","sources":["../../../src/lib/components/notification/notification.content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAA;AAI/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AAEH,QAAA,MAAM,mBAAmB,kCAItB,wBAAwB,4CAkB1B,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/notification/notification.icon.d.ts

@@ -0,0 +1,45 @@
+import { NotificationIconProps } from './notification.types';
+/**
+ * Component for rendering the notification icon.
+ *
+ * Handles the display of the icon corresponding to the notification type,
+ * applying appropriate colors and responsive design. The component
+ * uses conditional rendering - if no IconComponent is provided,
+ * returns null without rendering anything.
+ *
+ * Technical features:
+ * - Responsive size: 28x28px (mobile) / 24x24px (desktop)
+ * - Internal icon: 16x16px fixed
+ * - Support for custom colors with automatic fallback
+ * - Centered flexbox for perfect alignment
+ * - Integration with the project's icon system
+ *
+ * @component
+ * @param {NotificationIconProps} props - The component properties
+ * @param {React.ComponentType<{ className?: string }>} [props.IconComponent] - Icon component to render (e.g: CheckCircleIcon)
+ * @param {string} [props.iconColor] - Custom color for the icon (e.g: "text-purple-600")
+ * @param {string} [props.defaultIconColor] - Default color based on notification type
+ * @returns {JSX.Element | null} The icon component or null if no IconComponent
+ *
+ * @example
+ * ```tsx
+ * // With success icon and default color
+ * <NotificationIcon
+ *   IconComponent={CheckCircleIcon}
+ *   defaultIconColor="text-green-500"
+ * />
+ *
+ * // With custom color (overrides default)
+ * <NotificationIcon
+ *   IconComponent={WarningIcon}
+ *   iconColor="text-orange-600"
+ *   defaultIconColor="text-yellow-500"
+ * />
+ *
+ * // No icon (returns null)
+ * <NotificationIcon />
+ * ```
+ */
+declare const NotificationIcon: ({ IconComponent, iconColor, defaultIconColor, }: NotificationIconProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationIcon;
+//# sourceMappingURL=notification.icon.d.ts.map

package/dist/components/notification/notification.icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.icon.d.ts","sourceRoot":"","sources":["../../../src/lib/components/notification/notification.icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,QAAA,MAAM,gBAAgB,oDAInB,qBAAqB,4CAevB,CAAA;AAED,eAAe,gBAAgB,CAAA"}