@atipicus/mrs-ui 0.8.0

package/dist/src/components/molecules/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Dialog/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAGvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/src/components/molecules/Drawer/Drawer.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { DrawerProps } from './Drawer.types';
+/**
+ * Drawer component
+ *
+ * Side navigation panel that can appear from any edge of the screen.
+ * Supports three variants: temporary (mobile), persistent, and permanent (desktop).
+ *
+ * Features:
+ * - MRS design tokens (Nunito font, MRS color palette)
+ * - Three variant types (temporary, persistent, permanent)
+ * - Four anchor positions (left, right, top, bottom)
+ * - Configurable elevation (shadow depth)
+ * - Responsive design ready
+ * - Full accessibility support
+ *
+ * @param props - Drawer component props
+ * @returns Drawer component
+ */
+export declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type { DrawerProps };
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/src/components/molecules/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,iGA+ClB,CAAC;AAIF,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,eAAe,MAAM,CAAC"}

package/dist/src/components/molecules/Drawer/Drawer.types.d.ts

@@ -0,0 +1,63 @@
+import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
+export interface DrawerProps extends MuiDrawerProps {
+    /**
+     * Side from which the drawer will appear
+     * @default 'left'
+     */
+    anchor?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * Content of the drawer
+     */
+    children?: React.ReactNode;
+    /**
+     * Shadow depth (elevation) from 0 to 24
+     * @default 16
+     */
+    elevation?: number;
+    /**
+     * If true, the backdrop is not rendered
+     * @default false
+     */
+    hideBackdrop?: boolean;
+    /**
+     * Props applied to the Modal element
+     * (only applicable when variant is 'temporary')
+     */
+    ModalProps?: MuiDrawerProps['ModalProps'];
+    /**
+     * Callback fired when the drawer requests to be closed
+     * The `reason` parameter can be: 'backdropClick', 'escapeKeyDown'
+     */
+    onClose?: MuiDrawerProps['onClose'];
+    /**
+     * If true, the drawer is open
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Props applied to the internal slots
+     */
+    slotProps?: MuiDrawerProps['slotProps'];
+    /**
+     * Component overrides for slots
+     */
+    slots?: MuiDrawerProps['slots'];
+    /**
+     * Custom styles using MUI sx prop
+     */
+    sx?: MuiDrawerProps['sx'];
+    /**
+     * Duration for the transition in milliseconds
+     * Can be a single number or an object with 'enter' and 'exit' values
+     */
+    transitionDuration?: MuiDrawerProps['transitionDuration'];
+    /**
+     * Variant of the drawer
+     * - 'temporary': Drawer is above content, dismissible (default, mobile-friendly)
+     * - 'persistent': Drawer pushes content, toggleable, stays open
+     * - 'permanent': Always visible, cannot be closed (desktop navigation)
+     * @default 'temporary'
+     */
+    variant?: 'temporary' | 'persistent' | 'permanent';
+}
+//# sourceMappingURL=Drawer.types.d.ts.map

package/dist/src/components/molecules/Drawer/Drawer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAE1C;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAEpC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAEhC;;OAEG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAE1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IAE1D;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;CACpD"}

package/dist/src/components/molecules/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { Drawer, type DrawerProps } from './Drawer';
+export { default } from './Drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/components/molecules/DrawerNavigation/DrawerNavigation.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { DrawerNavigationProps, DrawerNavItem } from './DrawerNavigation.types';
+/**
+ * DrawerNavigation component
+ *
+ * Full-featured navigation component for use within Drawer.
+ * Supports simple and expandable navigation items with icons.
+ *
+ * Features:
+ * - Simple and expandable navigation items
+ * - Icon support for all items
+ * - Selected/active state highlighting
+ * - Optional dividers between items
+ * - Configurable width and padding (defaults from Figma)
+ * - MRS design tokens (Nunito font, MRS colors)
+ * - Full accessibility support
+ *
+ * @param props - DrawerNavigation component props
+ * @returns DrawerNavigation component
+ */
+export declare const DrawerNavigation: React.ForwardRefExoticComponent<DrawerNavigationProps & React.RefAttributes<HTMLDivElement>>;
+export type { DrawerNavigationProps, DrawerNavItem };
+export default DrawerNavigation;
+//# sourceMappingURL=DrawerNavigation.d.ts.map

package/dist/src/components/molecules/DrawerNavigation/DrawerNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/DrawerNavigation/DrawerNavigation.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EAGd,MAAM,0BAA0B,CAAC;AASlC;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,gBAAgB,8FAuH5B,CAAC;AAIF,YAAY,EAAE,qBAAqB,EAAE,aAAa,EAAE,CAAC;AACrD,eAAe,gBAAgB,CAAC"}

package/dist/src/components/molecules/DrawerNavigation/DrawerNavigation.types.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+/**
+ * Base navigation item interface
+ */
+export interface DrawerNavItemBase {
+    /** Unique identifier for the item */
+    id?: string;
+    /** Item label text */
+    label: string;
+    /** Optional icon element */
+    icon?: ReactNode;
+    /** Optional click handler */
+    onClick?: () => void;
+    /** Whether this item is selected/active */
+    selected?: boolean;
+    /** Optional path for routing */
+    path?: string;
+    /** Optional divider after this item */
+    divider?: boolean;
+}
+/**
+ * Simple navigation item (non-expandable)
+ */
+export interface SimpleNavItem extends DrawerNavItemBase {
+    /** Item is not expandable */
+    expandable?: false;
+}
+/**
+ * Expandable navigation item with children
+ */
+export interface ExpandableNavItem extends DrawerNavItemBase {
+    /** Item is expandable */
+    expandable: true;
+    /** Array of child navigation items */
+    children: DrawerNavItemBase[];
+    /** Whether the item starts expanded */
+    defaultOpen?: boolean;
+}
+/**
+ * Union type for navigation items
+ */
+export type DrawerNavItem = SimpleNavItem | ExpandableNavItem;
+/**
+ * Props for the DrawerNavigation component
+ */
+export interface DrawerNavigationProps {
+    /** Array of navigation items */
+    items: DrawerNavItem[];
+    /** Width of the navigation (default: 256px from Figma) */
+    width?: number | string;
+    /** Top padding (default: 32px from Figma) */
+    paddingTop?: number;
+    /** Bottom padding (default: 32px from Figma) */
+    paddingBottom?: number;
+    /** Custom sx styles for the container */
+    sx?: SxProps<Theme>;
+    /** Custom sx styles for the List component */
+    listSx?: SxProps<Theme>;
+    /** Callback when a navigation item is clicked */
+    onItemClick?: (item: DrawerNavItemBase) => void;
+}
+//# sourceMappingURL=DrawerNavigation.types.d.ts.map

package/dist/src/components/molecules/DrawerNavigation/DrawerNavigation.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNavigation.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/DrawerNavigation/DrawerNavigation.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,6BAA6B;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,yBAAyB;IACzB,UAAU,EAAE,IAAI,CAAC;IACjB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG,iBAAiB,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,gCAAgC;IAChC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,iDAAiD;IACjD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACjD"}

package/dist/src/components/molecules/DrawerNavigation/index.d.ts

@@ -0,0 +1,3 @@
+export { DrawerNavigation, type DrawerNavigationProps, type DrawerNavItem } from './DrawerNavigation';
+export { default } from './DrawerNavigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/DrawerNavigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/DrawerNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACtG,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/components/molecules/ExpandableNavItem/ExpandableNavItem.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ExpandableNavItemProps, NavItem } from './ExpandableNavItem.types';
+/**
+ * ExpandableNavItem component
+ *
+ * Collapsible navigation item with support for nested child items.
+ * Features expand/collapse animation and selected state support.
+ *
+ * Features:
+ * - Expandable/collapsible with smooth animation
+ * - Supports nested child items
+ * - Icon support for parent and child items
+ * - Selected/active state highlighting
+ * - MRS design tokens (Nunito font, MRS colors)
+ * - Full accessibility support (ARIA attributes)
+ *
+ * @param props - ExpandableNavItem component props
+ * @returns ExpandableNavItem component
+ */
+export declare const ExpandableNavItem: React.ForwardRefExoticComponent<ExpandableNavItemProps & React.RefAttributes<HTMLDivElement>>;
+export type { ExpandableNavItemProps, NavItem };
+export default ExpandableNavItem;
+//# sourceMappingURL=ExpandableNavItem.d.ts.map

package/dist/src/components/molecules/ExpandableNavItem/ExpandableNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableNavItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ExpandableNavItem/ExpandableNavItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEjF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,+FAyF7B,CAAC;AAIF,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC;AAChD,eAAe,iBAAiB,CAAC"}

package/dist/src/components/molecules/ExpandableNavItem/ExpandableNavItem.types.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { ListItemButtonProps } from '@mui/material/ListItemButton';
+/**
+ * Navigation item interface for child items
+ */
+export interface NavItem {
+    /** Item label text */
+    label: string;
+    /** Optional icon element */
+    icon?: ReactNode;
+    /** Optional click handler */
+    onClick?: () => void;
+    /** Whether this item is selected/active */
+    selected?: boolean;
+    /** Optional path for routing */
+    path?: string;
+}
+/**
+ * Props for the ExpandableNavItem component
+ */
+export interface ExpandableNavItemProps {
+    /** Label text for the parent item */
+    label: string;
+    /** Optional icon for the parent item */
+    icon?: ReactNode;
+    /** Whether the item is expanded */
+    isOpen?: boolean;
+    /** Callback when expand/collapse is toggled */
+    onToggle?: () => void;
+    /** Array of child navigation items */
+    children?: NavItem[];
+    /** Whether the parent item is selected */
+    selected?: boolean;
+    /** Optional click handler for parent item */
+    onClick?: () => void;
+    /** Custom ListItemButton props for the parent item */
+    ListItemButtonProps?: Partial<ListItemButtonProps>;
+    /** Custom ListItemButton props for child items */
+    childListItemButtonProps?: Partial<ListItemButtonProps>;
+}
+//# sourceMappingURL=ExpandableNavItem.types.d.ts.map

package/dist/src/components/molecules/ExpandableNavItem/ExpandableNavItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableNavItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ExpandableNavItem/ExpandableNavItem.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACnD,kDAAkD;IAClD,wBAAwB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACzD"}

package/dist/src/components/molecules/ExpandableNavItem/index.d.ts

@@ -0,0 +1,3 @@
+export { ExpandableNavItem, type ExpandableNavItemProps, type NavItem } from './ExpandableNavItem';
+export { default } from './ExpandableNavItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/ExpandableNavItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ExpandableNavItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/src/components/molecules/List/List.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ListProps } from './List.types';
+/**
+ * List component
+ *
+ * Lists are continuous, vertical indexes of text or images.
+ * They are composed of items containing primary and supplemental actions.
+ *
+ * @param props - List component props
+ * @returns List component
+ */
+export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=List.d.ts.map

package/dist/src/components/molecules/List/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/List/List.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,iGA2BhB,CAAC"}

package/dist/src/components/molecules/List/List.types.d.ts

@@ -0,0 +1,48 @@
+import { ListProps as MuiListProps } from '@mui/material/List';
+/**
+ * MRS List component props
+ * Extends Material-UI ListProps
+ *
+ * @example
+ * ```tsx
+ * <List>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </List>
+ * <List dense disablePadding>
+ *   <ListItem>Dense item</ListItem>
+ * </List>
+ * ```
+ */
+export interface ListProps extends MuiListProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+     * The prop defaults to the value inherited from the parent List component.
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * If `true`, vertical padding is removed from the list.
+     * @default false
+     */
+    disablePadding?: boolean;
+    /**
+     * The content of the subheader, normally `ListSubheader`.
+     */
+    subheader?: React.ReactNode;
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     * @default 'ul'
+     */
+    component?: React.ElementType;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: MuiListProps['sx'];
+}
+//# sourceMappingURL=List.types.d.ts.map

package/dist/src/components/molecules/List/List.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/List/List.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;OAEG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;CACzB"}

package/dist/src/components/molecules/List/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * List component exports
+ */
+export { List } from './List';
+export type { ListProps } from './List.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/List/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/components/molecules/ListItem/ListItem.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ListItemProps } from './ListItem.types';
+/**
+ * ListItem component
+ *
+ * ListItem is an interactive list item component by default.
+ * When button prop is true (default), it wraps children with ListItemButton for interactivity.
+ *
+ * Key features:
+ * - Interactive by default with hover, focus, and selected states
+ * - Selected state uses SemiBold font and primary.dark color
+ * - Dense mode for compact layouts
+ * - Support for icons, secondary text, and actions
+ *
+ * @param props - ListItem component props
+ * @returns ListItem component
+ */
+export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=ListItem.d.ts.map

package/dist/src/components/molecules/ListItem/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,QAAQ,gGAyGpB,CAAC"}

package/dist/src/components/molecules/ListItem/ListItem.types.d.ts

@@ -0,0 +1,114 @@
+import { ListItemProps as MuiListItemProps } from '@mui/material/ListItem';
+import { ListItemButtonProps as MuiListItemButtonProps } from '@mui/material/ListItemButton';
+/**
+ * MRS ListItem component props
+ * Extends Material-UI ListItemProps and ListItemButtonProps
+ *
+ * Based on Figma design specifications:
+ * - Always interactive by default (uses ListItemButton internally)
+ * - Special styling for selected state (SemiBold font, primary/dark color)
+ * - Support for dense and regular layouts
+ * - Support for left/right content slots
+ *
+ * @example
+ * ```tsx
+ * // Simple interactive list item
+ * <ListItem onClick={handleClick}>
+ *   <ListItemText primary="Item" />
+ * </ListItem>
+ *
+ * // With icon and secondary action
+ * <ListItem
+ *   selected={isSelected}
+ *   onClick={handleClick}
+ *   secondaryAction={<IconButton><Icon /></IconButton>}
+ * >
+ *   <ListItemIcon><Icon /></ListItemIcon>
+ *   <ListItemText primary="Clickable" secondary="With icon" />
+ * </ListItem>
+ *
+ * // Dense variant without gutters
+ * <ListItem dense disableGutters>
+ *   <ListItemText primary="Dense item" />
+ * </ListItem>
+ * ```
+ */
+export interface ListItemProps extends Omit<MuiListItemProps, 'button' | 'onClick'>, Pick<MuiListItemButtonProps, 'autoFocus' | 'selected' | 'disabled'> {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * If `true`, the list item is interactive (clickable).
+     * By default, ListItem is always interactive unless explicitly disabled.
+     * @default true
+     */
+    button?: boolean;
+    /**
+     * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+     * - Regular: 8px vertical padding
+     * - Dense: 4px vertical padding
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * If `true`, the left and right padding is removed.
+     * - Regular: 16px horizontal padding
+     * - Disabled: 0px horizontal padding
+     * @default false
+     */
+    disableGutters?: boolean;
+    /**
+     * If `true`, a 1px light border is added to the bottom of the list item.
+     * @default false
+     */
+    divider?: boolean;
+    /**
+     * If `true`, all padding is removed.
+     * @default false
+     */
+    disablePadding?: boolean;
+    /**
+     * The element to display at the end of ListItem.
+     * Typically used for IconButton or other actions.
+     */
+    secondaryAction?: React.ReactNode;
+    /**
+     * Defines the `align-items` style property.
+     * @default 'center'
+     */
+    alignItems?: 'flex-start' | 'center';
+    /**
+     * If `true`, the list item is in selected state.
+     * Selected state applies special styling:
+     * - Background: primary._states.focus
+     * - Text: SemiBold weight and primary.dark color
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * If `true`, the list item is disabled and non-interactive.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the element will receive focus automatically.
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * Callback fired when the component is clicked.
+     * Uses ListItemButton signature (div) for interactive mode while staying compatible with LI root.
+     */
+    onClick?: MuiListItemButtonProps['onClick'];
+    /**
+     * The component used for the root node.
+     * Either a string to use a HTML element or a component.
+     */
+    component?: React.ElementType;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: MuiListItemProps['sx'];
+}
+//# sourceMappingURL=ListItem.types.d.ts.map

package/dist/src/components/molecules/ListItem/ListItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,WAAW,aACf,SACE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,CAAC,EAC5C,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IAErC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAE5C;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;OAEG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;CAC7B"}

package/dist/src/components/molecules/ListItem/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ListItem component exports
+ */
+export { ListItem } from './ListItem';
+export type { ListItemProps } from './ListItem.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/ListItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/ListItem/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/molecules/Menu/Menu.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { MenuProps } from './Menu.types';
+export declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Menu;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/src/components/molecules/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Menu/Menu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,IAAI,+FAiChB,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/dist/src/components/molecules/Menu/Menu.types.d.ts

@@ -0,0 +1,50 @@
+import { MenuProps as MuiMenuProps } from '@mui/material/Menu';
+/**
+ * Menu component props
+ * Displays a list of choices on temporary surfaces
+ */
+export interface MenuProps extends MuiMenuProps {
+    /**
+     * If true, the Menu is open
+     * @default false
+     */
+    open: boolean;
+    /**
+     * An HTML element, or a function that returns one.
+     * It is used to set the position of the menu.
+     */
+    anchorEl?: MuiMenuProps['anchorEl'];
+    /**
+     * Callback fired when the component requests to be closed
+     */
+    onClose?: MuiMenuProps['onClose'];
+    /**
+     * The content of the component (typically MenuItem elements)
+     */
+    children?: React.ReactNode;
+    /**
+     * The position of the Menu
+     * @default { vertical: 'top', horizontal: 'left' }
+     */
+    anchorOrigin?: MuiMenuProps['anchorOrigin'];
+    /**
+     * The position of the Menu relative to the anchor element
+     * @default { vertical: 'top', horizontal: 'left' }
+     */
+    transformOrigin?: MuiMenuProps['transformOrigin'];
+    /**
+     * If true, the Menu will automatically select the first item
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * Props applied to the List element
+     */
+    MenuListProps?: MuiMenuProps['MenuListProps'];
+    /**
+     * The variant of the Menu
+     * @default 'selectedMenu'
+     */
+    variant?: 'menu' | 'selectedMenu';
+}
+//# sourceMappingURL=Menu.types.d.ts.map

package/dist/src/components/molecules/Menu/Menu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEpE;;;GAGG;AACH,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAE5C;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAElD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;IAE9C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC;CACnC"}

package/dist/src/components/molecules/Menu/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Menu Component Exports
+ * @package @mrs/ui
+ */
+export { Menu } from './Menu';
+export type { MenuProps } from './Menu.types';
+export { default } from './Menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/molecules/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Menu/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/src/components/molecules/Pagination/Pagination.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { PaginationProps } from './Pagination.types';
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export default Pagination;
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/src/components/molecules/Pagination/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,kGA0CtB,CAAC;AAIF,eAAe,UAAU,CAAC"}