@moderneinc/design-system-components 7.6.1-next.f065cb → 7.7.0-next.121d55

package/dist/index.d.ts

@@ -1,7 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ReactNode, ElementType, HTMLAttributes, ComponentPropsWithoutRef, ComponentType, FunctionComponent } from 'react';
 import { GridColumnsPanelProps, GridDensity as GridDensity$1, DataGridProProps, GridSlots } from '@mui/x-data-grid-pro';
-import * as React$1 from 'react';
-import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentPropsWithoutRef, ComponentType, FunctionComponent } from 'react';
 import { GridDensity, GridFilterPanel, GridSlotsComponent, GridSlotProps, GridRenderCellParams, ToolbarProps } from '@mui/x-data-grid';
 import { AlertProps } from '@mui/material/Alert';
 import Chip, { ChipProps } from '@mui/material/Chip';
@@ -69,7 +68,7 @@ interface ModDataGridColumnsPanelProps extends GridColumnsPanelProps {
     showSearch?: boolean;
 }
 declare const ModDataGridColumnsPanel: {
-    ({ showSearch, sx: _sx, theme: _theme, ...props }: ModDataGridColumnsPanelProps): react_jsx_runtime.JSX.Element;
+    ({ showSearch, sx: _sx, theme: _theme, ...props }: ModDataGridColumnsPanelProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -180,7 +179,7 @@ interface ModFooterProps {
  * />
  */
 declare const ModFooter: {
-    ({ variant, showShadow, loading, resultCount, onLoadMore, hasMore, paginationInfo, onPreviousPage, onNextPage, hasPreviousPage, hasNextPage, showSelected, children, }: ModFooterProps): react_jsx_runtime.JSX.Element;
+    ({ variant, showShadow, loading, resultCount, onLoadMore, hasMore, paginationInfo, onPreviousPage, onNextPage, hasPreviousPage, hasNextPage, showSelected, children, }: ModFooterProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -238,7 +237,7 @@ interface ModActivityHeaderProps {
  * }
  */
 declare const ModActivityHeader: {
-    ({ size, color, }: ModActivityHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ size, color, }: ModActivityHeaderProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -304,7 +303,7 @@ interface ModActivityIndicatorCellProps {
  * }
  */
 declare const ModActivityIndicatorCell: {
-    ({ event, secondaryEvent, scene, showDot, }: ModActivityIndicatorCellProps): react_jsx_runtime.JSX.Element | null;
+    ({ event, secondaryEvent, scene, showDot, }: ModActivityIndicatorCellProps): react.JSX.Element | null;
     displayName: string;
 };
 
@@ -358,7 +357,7 @@ interface ModAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color
  * ModAlert - Alert component for displaying contextual status messages
  */
 declare const ModAlert: {
-    ({ intent, type, size, title, description, icon, action, children, ...props }: ModAlertProps): react_jsx_runtime.JSX.Element;
+    ({ intent, type, size, title, description, icon, action, children, ...props }: ModAlertProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -397,7 +396,7 @@ interface ModBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
  * is also set.
  */
 declare const ModBadge: {
-    ({ size, variant, shape, ...props }: ModBadgeProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, shape, ...props }: ModBadgeProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -447,7 +446,7 @@ interface ModBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
     onLinkClick?: () => void;
 }
 declare const ModBanner: {
-    ({ intent, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: ModBannerProps): react_jsx_runtime.JSX.Element | null;
+    ({ intent, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: ModBannerProps): react.JSX.Element | null;
     displayName: string;
 };
 
@@ -483,7 +482,7 @@ interface ModBreadcrumbLinkProps extends Omit<LinkProps, 'color'> {
  * </ModBreadcrumbs>
  * ```
  */
-declare function ModBreadcrumbLink({ current, children, component, ...props }: ModBreadcrumbLinkProps): react_jsx_runtime.JSX.Element;
+declare function ModBreadcrumbLink({ current, children, component, ...props }: ModBreadcrumbLinkProps): react.JSX.Element;
 /**
  * ModBreadcrumbs - Navigation breadcrumb component
  *
@@ -499,7 +498,7 @@ declare function ModBreadcrumbLink({ current, children, component, ...props }: M
  * </ModBreadcrumbs>
  * ```
  */
-declare function ModBreadcrumbs({ children, className }: ModBreadcrumbsProps): react_jsx_runtime.JSX.Element;
+declare function ModBreadcrumbs({ children, className }: ModBreadcrumbsProps): react.JSX.Element;
 
 declare module '@mui/material/ButtonBase' {
     interface ButtonBasePropsVariantOverrides {
@@ -523,7 +522,8 @@ type ModButtonOwnProps = {
      */
     size?: ButtonSize;
     /**
-     * Show loading spinner instead of children
+     * Show a loading spinner in place of `startIcon` (or `endIcon`), or over the label when
+     * there is no icon. The button keeps its width either way.
      * @default false
      */
     loading?: boolean;
@@ -544,13 +544,13 @@ type ModButtonOwnProps = {
      */
     endIcon?: ReactNode;
 };
-type ModButtonProps<C extends ElementType = typeof ButtonBase> = ModButtonOwnProps & Omit<React__default.ComponentPropsWithoutRef<C>, keyof ModButtonOwnProps> & {
+type ModButtonProps<C extends ElementType = typeof ButtonBase> = ModButtonOwnProps & Omit<react__default.ComponentPropsWithoutRef<C>, keyof ModButtonOwnProps> & {
     component?: C;
 };
 /**
- * ModButton - Text button component based on MUI ButtonBase
+ * ModButton - Text button component based on MUI Button
  */
-declare function ModButton<C extends ElementType = typeof ButtonBase>({ variant, size, loading, children, disabled, startIcon, endIcon, ...rest }: ModButtonProps<C>): react_jsx_runtime.JSX.Element;
+declare function ModButton<C extends ElementType = typeof ButtonBase>({ variant, size, loading, children, startIcon, endIcon, ...rest }: ModButtonProps<C>): react__default.JSX.Element;
 declare namespace ModButton {
     var displayName: string;
 }
@@ -567,7 +567,7 @@ interface ModButtonTabProps extends Omit<ToggleButtonProps, 'color'> {
  * ModButtonTab - A tab-style toggle button for use within ModButtonGroup
  */
 declare const ModButtonTab: {
-    ({ children, ...props }: ModButtonTabProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModButtonTabProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -597,7 +597,7 @@ interface ModButtonTabGroupProps extends Omit<ToggleButtonGroupProps, 'orientati
  * ```
  */
 declare const ModButtonTabGroup: {
-    ({ size, exclusive, ...props }: ModButtonTabGroupProps): react_jsx_runtime.JSX.Element;
+    ({ size, exclusive, ...props }: ModButtonTabGroupProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -608,7 +608,7 @@ declare const ModButtonTabGroup: {
  * a 10% fill tint); set it via the `color`/`sx` prop or a parent.
  */
 declare const ModCanceledIcon: {
-    (props: SvgIconProps): react_jsx_runtime.JSX.Element;
+    (props: SvgIconProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -639,7 +639,7 @@ interface ModCardLargeProps extends Omit<CardProps, 'children' | 'title'> {
 }
 type ModCardProps = ModCardSmallProps | ModCardLargeProps;
 declare const ModCard: {
-    (props: ModCardProps): react_jsx_runtime.JSX.Element;
+    (props: ModCardProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -768,7 +768,7 @@ interface ModCheckboxProps extends Omit<CheckboxProps, 'size'> {
  * <ModCheckbox indeterminate={true} label="Select all" />
  */
 declare const ModCheckbox: {
-    ({ size, label, helperText, disabled, icon, checkedIcon, indeterminateIcon, className, ...props }: ModCheckboxProps): react_jsx_runtime.JSX.Element;
+    ({ size, label, helperText, disabled, icon, checkedIcon, indeterminateIcon, className, ...props }: ModCheckboxProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -798,7 +798,7 @@ interface ModCheckboxWithTextProps extends Omit<ModCheckboxProps, 'size'> {
  * component to the existing ModCheckbox with label + helperText.
  */
 declare const ModCheckboxWithText: {
-    ({ size, ...props }: ModCheckboxWithTextProps): react_jsx_runtime.JSX.Element;
+    ({ size, ...props }: ModCheckboxWithTextProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -834,7 +834,7 @@ interface ModCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
  * ModCodeSnippet - Inline code snippet component based on MUI ButtonBase
  */
 declare const ModCodeSnippet: {
-    ({ variant, size, endIcon, children, ...props }: ModCodeSnippetProps): react_jsx_runtime.JSX.Element;
+    ({ variant, size, endIcon, children, ...props }: ModCodeSnippetProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -890,7 +890,7 @@ interface ModDataGridProps extends Omit<DataGridProProps, 'slots'> {
  *   footerOffsetSelector="#page-footer"
  * />
  */
-declare function ModDataGrid({ autoHeight, toolbar, slots, sx, density, slotProps: userSlotProps, ...props }: ModDataGridProps): react_jsx_runtime.JSX.Element;
+declare function ModDataGrid({ autoHeight, toolbar, slots, sx, density, slotProps: userSlotProps, ...props }: ModDataGridProps): react.JSX.Element;
 declare namespace ModDataGrid {
     var displayName: string;
 }
@@ -946,7 +946,7 @@ interface ModDataGridCellContentProps extends HTMLAttributes<HTMLDivElement> {
  * )
  */
 declare const ModDataGridCellContent: {
-    ({ children, ...props }: ModDataGridCellContentProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModDataGridCellContentProps): react.JSX.Element;
     displayName: string;
 };
 /**
@@ -976,7 +976,7 @@ interface ModStatusBadgeCellProps {
     colorMap?: Record<string, 'default' | 'error' | 'info' | 'success' | 'warning'>;
 }
 declare const ModStatusBadgeCell: {
-    ({ status, colorMap }: ModStatusBadgeCellProps): react_jsx_runtime.JSX.Element;
+    ({ status, colorMap }: ModStatusBadgeCellProps): react.JSX.Element;
     displayName: string;
 };
 /**
@@ -996,7 +996,7 @@ interface ModUserAvatarCellProps {
     size?: 'small' | 'medium';
 }
 declare const ModUserAvatarCell: {
-    ({ name, avatarUrl, size }: ModUserAvatarCellProps): react_jsx_runtime.JSX.Element;
+    ({ name, avatarUrl, size }: ModUserAvatarCellProps): react.JSX.Element;
     displayName: string;
 };
 /**
@@ -1021,7 +1021,7 @@ interface ModMultiBadgesCellProps {
     }>;
 }
 declare const ModMultiBadgesCell: {
-    ({ badges }: ModMultiBadgesCellProps): react_jsx_runtime.JSX.Element;
+    ({ badges }: ModMultiBadgesCellProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1036,7 +1036,7 @@ declare const ModMultiBadgesCell: {
  * <ModDataGridColumnsButton />
  * ```
  */
-declare function ModDataGridColumnsButton(): react_jsx_runtime.JSX.Element;
+declare function ModDataGridColumnsButton(): react.JSX.Element;
 declare namespace ModDataGridColumnsButton {
     var displayName: string;
 }
@@ -1046,15 +1046,15 @@ declare namespace ModDataGridColumnsButton {
  * These must be passed to the DataGrid's slots prop
  */
 declare const ModDataGridFilterPanelAddIcon: {
-    (): react_jsx_runtime.JSX.Element;
+    (): react__default.JSX.Element;
     displayName: string;
 };
 declare const ModDataGridFilterPanelDeleteIcon: {
-    (): react_jsx_runtime.JSX.Element;
+    (): react__default.JSX.Element;
     displayName: string;
 };
 declare const ModDataGridFilterPanelRemoveAllIcon: {
-    (): react_jsx_runtime.JSX.Element;
+    (): react__default.JSX.Element;
     displayName: string;
 };
 type ModDataGridSelectProps = GridSlotProps['baseSelect'];
@@ -1101,7 +1101,7 @@ declare const ModDataGridSelect: GridSlotsComponent['baseSelect'];
  * ```
  */
 declare const ModDataGridFilterPanel: {
-    (props: React__default.ComponentProps<typeof GridFilterPanel>): react_jsx_runtime.JSX.Element;
+    (props: react__default.ComponentProps<typeof GridFilterPanel>): react__default.JSX.Element;
     displayName: string;
 };
 
@@ -1117,7 +1117,7 @@ declare const ModDataGridFilterPanel: {
  * <ModDataGridFiltersButton />
  * ```
  */
-declare function ModDataGridFiltersButton(): react_jsx_runtime.JSX.Element;
+declare function ModDataGridFiltersButton(): react.JSX.Element;
 declare namespace ModDataGridFiltersButton {
     var displayName: string;
 }
@@ -1127,9 +1127,9 @@ declare namespace ModDataGridFiltersButton {
  *
  * Use these with DataGrid's slots API to replace default sort indicators.
  */
-declare function SortedDescendingIcon(): react_jsx_runtime.JSX.Element;
-declare function SortedAscendingIcon(): react_jsx_runtime.JSX.Element;
-declare function UnsortedIcon(): react_jsx_runtime.JSX.Element;
+declare function SortedDescendingIcon(): react.JSX.Element;
+declare function SortedAscendingIcon(): react.JSX.Element;
+declare function UnsortedIcon(): react.JSX.Element;
 
 interface ModDataGridHeaderLabelProps {
     /**
@@ -1146,7 +1146,7 @@ interface ModDataGridHeaderLabelProps {
      */
     className?: string;
 }
-declare function ModDataGridHeaderLabel({ children, helpTooltip, className, }: ModDataGridHeaderLabelProps): react_jsx_runtime.JSX.Element;
+declare function ModDataGridHeaderLabel({ children, helpTooltip, className, }: ModDataGridHeaderLabelProps): react.JSX.Element;
 
 type DatePickerType = 'single' | 'range';
 /**
@@ -1237,7 +1237,7 @@ interface ModDatePickerProps {
  * - borderRadius: borderRadius.l (20px)
  */
 declare const ModDatePicker: {
-    ({ type, open, label, value, rangeValue, onChange, onRangeChange, onOpen, onClose, placeholder, showShortcuts, shortcuts, singleShortcuts, calendars, datePickerProps, dateRangePickerProps, }: ModDatePickerProps): react_jsx_runtime.JSX.Element;
+    ({ type, open, label, value, rangeValue, onChange, onRangeChange, onOpen, onClose, placeholder, showShortcuts, shortcuts, singleShortcuts, calendars, datePickerProps, dateRangePickerProps, }: ModDatePickerProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1267,7 +1267,7 @@ interface ModDividerProps extends DividerProps {
  * ```
  */
 declare const ModDivider: {
-    (props: ModDividerProps): react_jsx_runtime.JSX.Element;
+    (props: ModDividerProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1302,7 +1302,7 @@ interface ModDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>
  * ModDot - Status indicator dot.
  */
 declare const ModDot: {
-    ({ size, variant, color, children, ...props }: ModDotProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, color, children, ...props }: ModDotProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1346,7 +1346,7 @@ interface ModDownloadToastProps extends Omit<PaperProps, 'title'> {
  * ModDownloadToast - Standalone download progress toast notification
  */
 declare const ModDownloadToast: {
-    ({ title, fileName, progress, showClose, showPause, onClose, onPause, actions, ...props }: ModDownloadToastProps): react_jsx_runtime.JSX.Element;
+    ({ title, fileName, progress, showClose, showPause, onClose, onPause, actions, ...props }: ModDownloadToastProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1363,31 +1363,31 @@ declare const ModDownloadToast: {
  */
 type ModFilledStatusIconProps = Omit<SvgIconProps, 'color' | 'htmlColor'>;
 declare const ModFilledSuccess: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 declare const ModFilledQueued: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 declare const ModFilledInfo: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 declare const ModFilledWarning: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 declare const ModFilledError: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 declare const ModFilledNeutral: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 declare const ModFilledCanceled: {
-    (props: ModFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    (props: ModFilledStatusIconProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1427,7 +1427,7 @@ interface ModFilterChipProps extends Omit<ChipProps, 'variant' | 'color' | 'labe
  * <ModFilterChip label="Status" selected selectedLabel="Active, Pending" count={2} onClear={handleClear} />
  */
 declare const ModFilterChip: {
-    ({ label, selected, expanded, selectedLabel, count, onClear, onClick, ...props }: ModFilterChipProps): react_jsx_runtime.JSX.Element;
+    ({ label, selected, expanded, selectedLabel, count, onClear, onClick, ...props }: ModFilterChipProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1450,7 +1450,7 @@ interface ModGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
  * ModGeneralAvatar - Avatar with image or colored initials display
  */
 declare const ModGeneralAvatar: {
-    ({ size, colorIndex, alt, src, children, ...props }: ModGeneralAvatarProps): react_jsx_runtime.JSX.Element;
+    ({ size, colorIndex, alt, src, children, ...props }: ModGeneralAvatarProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1490,7 +1490,7 @@ interface ModIconButtonProps extends Omit<ButtonBaseProps, 'children' | 'size'>
  * icon-only sizing. For the `nav` variant, uses a standalone MUI IconButton with custom styling.
  */
 declare const ModIconButton: {
-    ({ size, variant, active, loading, children, ...props }: ModIconButtonProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, active, loading, children, ...props }: ModIconButtonProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1510,7 +1510,7 @@ interface ModIconWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'colo
  * ModIconWrapper - Flex-centered container that sizes icons
  */
 declare const ModIconWrapper: {
-    ({ size, children, ...props }: ModIconWrapperProps): react_jsx_runtime.JSX.Element;
+    ({ size, children, ...props }: ModIconWrapperProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1552,7 +1552,7 @@ interface ModInfiniteScrollGridProps extends Omit<ModDataGridProps, 'slots'> {
  *   loading={isLoading}
  * />
  */
-declare function ModInfiniteScrollGrid({ onLoadMore, hasNextPage, loadMoreAtScrollPercent, slots, slotProps: userSlotProps, sx: userSx, ...props }: ModInfiniteScrollGridProps): react_jsx_runtime.JSX.Element;
+declare function ModInfiniteScrollGrid({ onLoadMore, hasNextPage, loadMoreAtScrollPercent, slots, slotProps: userSlotProps, sx: userSx, ...props }: ModInfiniteScrollGridProps): react.JSX.Element;
 declare namespace ModInfiniteScrollGrid {
     var displayName: string;
 }
@@ -1606,7 +1606,7 @@ interface ModInputFieldProps extends Omit<InputBaseProps, 'size'> {
  * ModInputField - Form input field component using MUI FormControl composition
  */
 declare const ModInputField: {
-    ({ size, destructive, label, required, infoIcon, helperText, errorMessage, startIcon, endIcon, disabled, id, ...props }: ModInputFieldProps): react_jsx_runtime.JSX.Element;
+    ({ size, destructive, label, required, infoIcon, helperText, errorMessage, startIcon, endIcon, disabled, id, ...props }: ModInputFieldProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1684,7 +1684,7 @@ interface ModListItemProps extends Omit<ListItemButtonProps, 'children' | 'size'
  * - semanticColors.buttons.tertiary.disabled (disabled text color)
  */
 declare const ModListItem: {
-    ({ size, primaryText, secondaryText, badge, icon, isLink, trailingElement, component, ...props }: ModListItemProps): react_jsx_runtime.JSX.Element;
+    ({ size, primaryText, secondaryText, badge, icon, isLink, trailingElement, component, ...props }: ModListItemProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1747,7 +1747,7 @@ interface ModListItemButtonProps extends ListItemButtonProps {
  * - semanticColors.surface.sunken - Disabled background
  */
 declare const ModListItemButton: {
-    ({ children, selected, disabled, variant, ...props }: ModListItemButtonProps): react_jsx_runtime.JSX.Element;
+    ({ children, selected, disabled, variant, ...props }: ModListItemButtonProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1776,7 +1776,7 @@ interface ModLoadingSpinnerProps {
  * <ModLoadingSpinner size={32} color="#ff0000" />
  */
 declare const ModLoadingSpinner: {
-    ({ size, color, }: ModLoadingSpinnerProps): react_jsx_runtime.JSX.Element;
+    ({ size, color, }: ModLoadingSpinnerProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1806,7 +1806,7 @@ interface ModMenuProps extends MenuProps {
  * ```
  */
 declare const ModMenu: {
-    ({ children, ...props }: ModMenuProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModMenuProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1895,7 +1895,7 @@ type ModMenuItemProps<C extends ElementType = typeof MenuItem> = ModMenuItemOwnP
  * <ModMenuItem component={NextLink} href="/api-explorer">API explorer</ModMenuItem>
  * ```
  */
-declare function ModMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, component, href, ...rest }: ModMenuItemProps<C>): react_jsx_runtime.JSX.Element;
+declare function ModMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, component, href, ...rest }: ModMenuItemProps<C>): react.JSX.Element;
 declare namespace ModMenuItem {
     var displayName: string;
 }
@@ -1906,7 +1906,7 @@ interface ModActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
     position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
     suppressChildrenValidation?: boolean;
 }
-declare function ModActionsCell(props: ModActionsCellProps): react_jsx_runtime.JSX.Element;
+declare function ModActionsCell(props: ModActionsCellProps): react.JSX.Element;
 
 type ModAvatarCellBase = {
     disabled?: boolean;
@@ -1928,7 +1928,7 @@ type ModAvatarCellProps = ModAvatarCellEmpty | ModAvatarCellContent;
  * ModAvatarCell — DataGrid cell displaying a user avatar with optional label.
  */
 declare const ModAvatarCell: {
-    ({ name, src, label, disabled, empty, }: ModAvatarCellProps): react_jsx_runtime.JSX.Element;
+    ({ name, src, label, disabled, empty, }: ModAvatarCellProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -1959,7 +1959,7 @@ interface ModModalProps extends Omit<DialogProps, 'children'> {
  * </ModModal>
  */
 declare const ModModal: {
-    ({ children, ...props }: ModModalProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModModalProps): react.JSX.Element;
     displayName: string;
 };
 interface ModModalHeaderProps {
@@ -2002,7 +2002,7 @@ interface ModModalHeaderProps {
  * ModModalHeader - Header section with title, optional subtitle, and close button
  */
 declare const ModModalHeader: {
-    ({ title, subtitle, href, LinkComponent, onClose, hideCloseButton, children, }: ModModalHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ title, subtitle, href, LinkComponent, onClose, hideCloseButton, children, }: ModModalHeaderProps): react.JSX.Element;
     displayName: string;
 };
 interface ModModalContentProps {
@@ -2015,7 +2015,7 @@ interface ModModalContentProps {
  * ModModalContent - Main content area of the modal
  */
 declare const ModModalContent: {
-    ({ children }: ModModalContentProps): react_jsx_runtime.JSX.Element;
+    ({ children }: ModModalContentProps): react.JSX.Element;
     displayName: string;
 };
 interface ModModalFooterProps {
@@ -2032,7 +2032,7 @@ interface ModModalFooterProps {
  * ModModalFooter - Footer section with optional leading content and action buttons
  */
 declare const ModModalFooter: {
-    ({ leadingContent, children }: ModModalFooterProps): react_jsx_runtime.JSX.Element;
+    ({ leadingContent, children }: ModModalFooterProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2045,7 +2045,7 @@ interface ModIconCellProps {
  * ModIconCell — Icon cell for DataGrid. Renders an icon centered in the cell.
  */
 declare const ModIconCell: {
-    ({ icon, ariaLabel, disabled }: ModIconCellProps): react_jsx_runtime.JSX.Element | null;
+    ({ icon, ariaLabel, disabled }: ModIconCellProps): react.JSX.Element | null;
     displayName: string;
 };
 
@@ -2068,7 +2068,7 @@ type ModLogoCellProps = ModLogoCellNoSrc | ModLogoCellWithSrc;
  * - ModLogoCell: raster or SVG image URLs (img tag)
  */
 declare const ModLogoCell: {
-    ({ src, alt, disabled }: ModLogoCellProps): react_jsx_runtime.JSX.Element;
+    ({ src, alt, disabled }: ModLogoCellProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2088,7 +2088,7 @@ type ModProgressCellProps = ModProgressCellEmpty | ModProgressCellContent;
  * ModProgressCell — DataGrid cell displaying a linear progress indicator.
  */
 declare const ModProgressCell: {
-    ({ value, disabled, empty, }: ModProgressCellProps): react_jsx_runtime.JSX.Element;
+    ({ value, disabled, empty, }: ModProgressCellProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2116,7 +2116,7 @@ type ModStatusCellProps = ModStatusCellEmpty | ModStatusCellContent;
  * ModStatusCell — DataGrid cell displaying an icon + label chip with optional error tooltip.
  */
 declare const ModStatusCell: {
-    ({ icon, label, details, disabled, variant, empty, }: ModStatusCellProps): react_jsx_runtime.JSX.Element;
+    ({ icon, label, details, disabled, variant, empty, }: ModStatusCellProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2129,7 +2129,7 @@ interface ModNavigationAvatarProps extends Omit<ModGeneralAvatarProps, 'size'> {
  * providing an interactive area for navigation UI.
  */
 declare const ModNavigationAvatar: {
-    ({ children, ...props }: ModNavigationAvatarProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModNavigationAvatarProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2177,7 +2177,7 @@ type ModTagProps<C extends ElementType = typeof Chip> = ModTagOwnProps & Omit<Ch
 /**
  * ModTag - Small label component based on MUI Chip
  */
-declare function ModTag<C extends ElementType = typeof Chip>({ size, variant, intent, shape, ...props }: ModTagProps<C>): react_jsx_runtime.JSX.Element;
+declare function ModTag<C extends ElementType = typeof Chip>({ size, variant, intent, shape, ...props }: ModTagProps<C>): react.JSX.Element;
 declare namespace ModTag {
     var displayName: string;
 }
@@ -2229,7 +2229,7 @@ type ModNavigationItemProps<C extends ElementType = typeof ButtonBase> = ModNavi
 /**
  * ModNavigationItem - Vertical navigation item with icon, label, and optional tag
  */
-declare function ModNavigationItem<C extends ElementType = typeof ButtonBase>({ icon, label, selected, tag, tooltip, slotProps, children, ...props }: ModNavigationItemProps<C>): react_jsx_runtime.JSX.Element;
+declare function ModNavigationItem<C extends ElementType = typeof ButtonBase>({ icon, label, selected, tag, tooltip, slotProps, children, ...props }: ModNavigationItemProps<C>): react.JSX.Element;
 declare namespace ModNavigationItem {
     var displayName: string;
 }
@@ -2377,7 +2377,7 @@ interface ModPageContentProps extends BoxProps {
  * </ModPageContent>
  * ```
  */
-declare function ModPageContent({ pageTitle, subtitle, breadcrumbs, action, sticky, contentMaxWidth: contentMaxWidthProp, centerContent, disableGutters: disableGuttersProp, isLoading, showBackToTop, layout, children, sx, ...boxProps }: ModPageContentProps): react_jsx_runtime.JSX.Element;
+declare function ModPageContent({ pageTitle, subtitle, breadcrumbs, action, sticky, contentMaxWidth: contentMaxWidthProp, centerContent, disableGutters: disableGuttersProp, isLoading, showBackToTop, layout, children, sx, ...boxProps }: ModPageContentProps): react.JSX.Element;
 declare namespace ModPageContent {
     var displayName: string;
 }
@@ -2408,7 +2408,7 @@ interface ModPaginatedGridProps extends Omit<ModDataGridProps, 'slots'> {
  *   rowCount={100}
  * />
  */
-declare function ModPaginatedGrid({ slots, pageSizeOptions, slotProps: userSlotProps, ...props }: ModPaginatedGridProps): react_jsx_runtime.JSX.Element;
+declare function ModPaginatedGrid({ slots, pageSizeOptions, slotProps: userSlotProps, ...props }: ModPaginatedGridProps): react.JSX.Element;
 declare namespace ModPaginatedGrid {
     var displayName: string;
 }
@@ -2444,7 +2444,7 @@ interface ModProgressbarProps extends Omit<LinearProgressProps, 'variant'> {
  * - Cancelled State: Separate variant prop (variant='cancelled') alongside value prop
  */
 declare const ModProgressbar: {
-    ({ value, labelPosition, variant, labelText, ...props }: ModProgressbarProps): react_jsx_runtime.JSX.Element;
+    ({ value, labelPosition, variant, labelText, ...props }: ModProgressbarProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2487,7 +2487,7 @@ interface ModQuickFilterProps {
  * />
  */
 declare const ModQuickFilter: {
-    ({ placeholder, onKeyDown, autoFocus, }: ModQuickFilterProps): react_jsx_runtime.JSX.Element;
+    ({ placeholder, onKeyDown, autoFocus, }: ModQuickFilterProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2544,7 +2544,7 @@ interface ModRadioProps extends Omit<RadioProps, 'size'> {
  * </RadioGroup>
  */
 declare const ModRadio: {
-    ({ size, label, helperText, disabled, ...props }: ModRadioProps): react_jsx_runtime.JSX.Element;
+    ({ size, label, helperText, disabled, ...props }: ModRadioProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2582,7 +2582,7 @@ interface ModSearchChipProps extends Omit<InputBaseProps, 'startAdornment' | 'en
  * <ModSearchChip size="small" placeholder="Search titles" value={query} onChange={handleChange} />
  */
 declare const ModSearchChip: {
-    ({ onClear, value, ...props }: ModSearchChipProps): react_jsx_runtime.JSX.Element;
+    ({ onClear, value, ...props }: ModSearchChipProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2604,7 +2604,7 @@ type ModSelectProps = SelectProps;
  * ```
  */
 declare const ModSelect: {
-    (props: ModSelectProps): react_jsx_runtime.JSX.Element;
+    (props: ModSelectProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2663,7 +2663,7 @@ interface ModSelectFieldProps extends Omit<SelectProps, 'size' | 'variant' | 'er
  * />
  */
 declare const ModSelectField: {
-    ({ size, destructive, label, required, infoIcon, helperText, errorMessage, options, children, disabled, id, ...selectProps }: ModSelectFieldProps): react_jsx_runtime.JSX.Element;
+    ({ size, destructive, label, required, infoIcon, helperText, errorMessage, options, children, disabled, id, ...selectProps }: ModSelectFieldProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2697,7 +2697,7 @@ type ModSideNavProps = {
  * and pass it in — see the `AutoCollapseOnResize` Storybook story for the
  * pattern.
  */
-declare function ModSideNav({ collapsed, onCollapsedChange, header, footer, children, className, id, 'aria-label': ariaLabel, }: ModSideNavProps): react_jsx_runtime.JSX.Element;
+declare function ModSideNav({ collapsed, onCollapsedChange, header, footer, children, className, id, 'aria-label': ariaLabel, }: ModSideNavProps): react.JSX.Element;
 declare namespace ModSideNav {
     var displayName: string;
 }
@@ -2727,7 +2727,7 @@ interface ModSkeletonProps extends Omit<SkeletonProps, 'variant' | 'animation'>
  * ```
  */
 declare const ModSkeleton: {
-    ({ colorTheme, position, ...props }: ModSkeletonProps): react_jsx_runtime.JSX.Element;
+    ({ colorTheme, position, ...props }: ModSkeletonProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2789,7 +2789,7 @@ interface ModTableProps extends Omit<TableProps, 'size'> {
  * />
  */
 declare const ModTable: {
-    ({ columns, rows, size, variant, ariaLabel, ...tableProps }: ModTableProps): react_jsx_runtime.JSX.Element;
+    ({ columns, rows, size, variant, ariaLabel, ...tableProps }: ModTableProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2834,14 +2834,14 @@ interface ModTabPanelProps extends Omit<BoxProps, 'role'> {
  * )
  */
 declare const ModTabPanel: {
-    ({ value, currentValue, variant, children, ...boxProps }: ModTabPanelProps): react_jsx_runtime.JSX.Element;
+    ({ value, currentValue, variant, children, ...boxProps }: ModTabPanelProps): react.JSX.Element;
     displayName: string;
 };
 
 /**
  * ModTabs - Tabs container component based on MUI Tabs
  */
-declare const ModTabs: StyledComponent<_mui_material.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "classes" | "slots" | "slotProps" | "className" | "action" | "children" | "sx" | "value" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "variant" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModTabs: StyledComponent<_mui_material.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "classes" | "slots" | "slotProps" | "className" | "action" | "children" | "sx" | "value" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "variant" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "scrollButtons" | "selectionFollowsFocus" | "textColor" | "visibleScrollbar"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 interface ModTabProps extends Omit<TabProps, 'label'> {
     /**
      * The label for the tab
@@ -2861,7 +2861,7 @@ interface ModTabProps extends Omit<TabProps, 'label'> {
  * ModTab - Individual tab button component based on MUI Tab
  */
 declare const ModTab: {
-    ({ label, count, ...props }: ModTabProps): react_jsx_runtime.JSX.Element;
+    ({ label, count, ...props }: ModTabProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -2909,7 +2909,7 @@ interface ModToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
  * ModToast - Notification/Toast component based on MUI Alert
  */
 declare const ModToast: {
-    ({ intent, type: _type, title, message, showClose, actions, onClose, ...props }: ModToastProps): react_jsx_runtime.JSX.Element;
+    ({ intent, type: _type, title, message, showClose, actions, onClose, ...props }: ModToastProps): react.JSX.Element;
     displayName: string;
 };
 /**
@@ -2924,7 +2924,7 @@ declare const ModToastButton: {
          */
         type?: ToastType;
         children: ReactNode;
-    } & Omit<React.ComponentProps<typeof Button>, "variant" | "type">): react_jsx_runtime.JSX.Element;
+    } & Omit<React.ComponentProps<typeof Button>, "variant" | "type">): react.JSX.Element;
     displayName: string;
 };
 
@@ -2974,7 +2974,7 @@ interface ModToggleProps extends Omit<SwitchProps, 'size'> {
  * <ModToggle checked={isChecked} onChange={handleChange} label="Remember me" />
  */
 declare const ModToggle: {
-    ({ size, label, helperText, disabled, ...props }: ModToggleProps): react_jsx_runtime.JSX.Element;
+    ({ size, label, helperText, disabled, ...props }: ModToggleProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -3007,7 +3007,7 @@ interface ModToggleButtonProps extends Omit<ToggleButtonProps, 'color' | 'size'>
  * ("Table" / "Raw"). For page-level tabs, prefer ModButtonTab.
  */
 declare const ModToggleButton: {
-    ({ children, size, variant, ...props }: ModToggleButtonProps): react_jsx_runtime.JSX.Element;
+    ({ children, size, variant, ...props }: ModToggleButtonProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -3038,7 +3038,7 @@ interface ModToggleButtonGroupProps extends Omit<ToggleButtonGroupProps, 'orient
  * </ModToggleButtonGroup>
  */
 declare const ModToggleButtonGroup: {
-    ({ size, variant, children, ...props }: ModToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, children, ...props }: ModToggleButtonGroupProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -3088,7 +3088,7 @@ interface ModToolbarProps extends ToolbarProps {
  * </ModToolbar>
  */
 declare const ModToolbar: {
-    ({ children, ...props }: ModToolbarProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModToolbarProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -3131,7 +3131,7 @@ interface ModTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
  * - Typography: semanticTypography.tooltip (12px/1.5 line-height), fontWeight.semiBold (600) for the title
  */
 declare const ModTooltip: {
-    ({ variant, title, description, children, arrow, placement, ...props }: ModTooltipProps): react_jsx_runtime.JSX.Element;
+    ({ variant, title, description, children, arrow, placement, ...props }: ModTooltipProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -3156,7 +3156,7 @@ type ModTreeItemProps = TreeItemProps;
  *
  * Slot data is read from the item model (passed via `items` on ModTreeView).
  */
-declare const ModTreeItem: React$1.ForwardRefExoticComponent<TreeItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const ModTreeItem: react.ForwardRefExoticComponent<TreeItemProps & react.RefAttributes<HTMLLIElement>>;
 interface ModTreeViewProps extends Omit<RichTreeViewProProps<ModTreeItemData, false>, 'slots'> {
     slots?: RichTreeViewProProps<ModTreeItemData, false>['slots'];
 }
@@ -3167,11 +3167,11 @@ interface ModTreeViewProps extends Omit<RichTreeViewProProps<ModTreeItemData, fa
  * and ModTreeItem as the default item slot.
  */
 declare const ModTreeView: {
-    ({ slots, ...props }: ModTreeViewProps): react_jsx_runtime.JSX.Element;
+    ({ slots, ...props }: ModTreeViewProps): react.JSX.Element;
     displayName: string;
 };
 
-declare const StyledToggleButton: StyledComponent<_mui_material.ToggleButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ToggleButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "type" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | keyof _mui_material.ToggleButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "disabled" | "size" | "classes" | "type" | "className" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "value" | "onChange" | "onClick" | "disableFocusRipple" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const StyledToggleButton: StyledComponent<_mui_material.ToggleButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ToggleButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "type" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | keyof _mui_material.ToggleButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "disabled" | "size" | "classes" | "type" | "className" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "value" | "onChange" | "onClick" | "disableFocusRipple" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 interface ModTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
 }
 /**
@@ -3185,7 +3185,7 @@ interface ModTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientat
  * - borderRadius.m - container border radius
  */
 declare const ModTypologyControl: {
-    ({ children, ...props }: ModTypologyControlProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: ModTypologyControlProps): react.JSX.Element;
     displayName: string;
 };