@banzamel/mineralui 1.7.1 → 1.8.0

package/dist/components/cards/shared/MCardAction.types.d.ts

@@ -0,0 +1,12 @@
+import { ElementType } from 'react';
+import { MClickEffect } from '../../../utils/useInteractionEffect';
+export interface MCardActionProps {
+    component?: ElementType;
+    to?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    interactive?: boolean;
+    clickEffect?: MClickEffect;
+    rippleColor?: string;
+}

package/dist/components/cards/shared/MCardAction.utils.d.ts

@@ -0,0 +1,16 @@
+import { ElementType } from 'react';
+import { MCardActionProps } from './MCardAction.types';
+interface ResolveMCardActionOptions extends Pick<MCardActionProps, 'component' | 'to' | 'href' | 'interactive'> {
+    hasClickHandler?: boolean;
+    hasPointerHandler?: boolean;
+    fallbackComponent?: ElementType;
+}
+export interface ResolvedMCardAction {
+    component: ElementType;
+    href?: string;
+    to?: string;
+    isInteractive: boolean;
+    isLink: boolean;
+}
+export declare function resolveMCardAction({ component, to, href, interactive, hasClickHandler, hasPointerHandler, fallbackComponent, }: ResolveMCardActionOptions): ResolvedMCardAction;
+export {};

package/dist/components/cards/shared/MCardColor.utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export declare function tintCardChildren(children: ReactNode, color?: MColor): ReactNode;

package/dist/components/cards/shared/index.d.ts

@@ -0,0 +1,3 @@
+export type { MCardActionProps } from './MCardAction.types';
+export { resolveMCardAction } from './MCardAction.utils';
+export { tintCardChildren } from './MCardColor.utils';

package/dist/components/controls/MButton/MButton.types.d.ts

@@ -7,6 +7,8 @@ export interface MButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
     component?: ElementType;
     to?: string;
     href?: string;
+    target?: string;
+    rel?: string;
     variant?: MButtonVariant;
     size?: MSize;
     color?: MColor;

package/dist/components/controls/MQuickActions/MQuickActions.d.ts

@@ -0,0 +1,2 @@
+import { MQuickActionsProps } from './MQuickActions.types';
+export declare function MQuickActions({ items, layout, orientation, columns, size, color, variant, fullWidth, className, ...rest }: MQuickActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/MQuickActions/MQuickActions.types.d.ts

@@ -0,0 +1,33 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { MColor, MSize } from '../../../theme';
+import { MButtonVariant } from '../MButton';
+import { MSimpleGridColumns } from '../../layout/MSimpleGrid';
+export interface MQuickActionItem {
+    key?: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    component?: ElementType;
+    to?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: () => void;
+    color?: MColor;
+    variant?: MButtonVariant;
+    badge?: ReactNode | number | boolean;
+    badgeColor?: MColor;
+    badgePulsing?: boolean;
+    pulsing?: boolean;
+    disabled?: boolean;
+}
+export interface MQuickActionsProps extends HTMLAttributes<HTMLDivElement> {
+    items: MQuickActionItem[];
+    layout?: 'group' | 'grid';
+    orientation?: 'horizontal' | 'vertical';
+    columns?: MSimpleGridColumns;
+    size?: MSize;
+    color?: MColor;
+    variant?: MButtonVariant;
+    fullWidth?: boolean;
+}

package/dist/components/controls/MQuickActions/index.d.ts

@@ -0,0 +1,2 @@
+export { MQuickActions } from './MQuickActions';
+export type { MQuickActionsProps, MQuickActionItem } from './MQuickActions.types';

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

@@ -14,5 +14,7 @@ export { MLoadMore } from './MLoadMore';
 export type { MLoadMoreProps } from './MLoadMore';
 export { MScrollTop } from './MScrollTop';
 export type { MScrollTopProps } from './MScrollTop';
+export { MQuickActions } from './MQuickActions';
+export type { MQuickActionsProps, MQuickActionItem } from './MQuickActions';
 export { MSocialButton } from './MSocialButton';
 export type { MSocialButtonIconShape, MSocialButtonPlatform, MSocialButtonProps, MSocialButtonVariant, } from './MSocialButton';

package/dist/components/data/MTreeView/MTreeView.d.ts

@@ -1,2 +1,2 @@
 import { MTreeViewProps } from './MTreeView.types';
-export declare function MTreeView({ items, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, checkable, defaultChecked, checked: controlledChecked, onCheckedChange, indent, showLines, fileIcons, draggable, canDrop, onMove, contextMenuItems, onContextMenuAction, className, ...rest }: MTreeViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MTreeView({ items, color, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, checkable, defaultChecked, checked: controlledChecked, onCheckedChange, indent, showLines, fileIcons, draggable, canDrop, onMove, contextMenuItems, onContextMenuAction, className, ...rest }: MTreeViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/MTreeView/MTreeView.types.d.ts

@@ -23,6 +23,7 @@ export interface MTreeViewMoveEvent {
 }
 export interface MTreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'defaultChecked'> {
     items: MTreeNode[];
+    color?: MColor;
     expandable?: boolean;
     selectable?: boolean;
     defaultExpanded?: string[];
@@ -45,6 +46,7 @@ export interface MTreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
 }
 export interface MTreeItemProps {
     node: MTreeNode;
+    color: MColor;
     level: number;
     expandable?: boolean;
     selectable?: boolean;

package/dist/components/display/MDetailList/MDetailList.d.ts

@@ -0,0 +1,2 @@
+import { MDetailListProps } from './MDetailList.types';
+export declare function MDetailList({ items, size, bordered, emptyState, className, ...rest }: MDetailListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/display/MDetailList/MDetailList.types.d.ts

@@ -0,0 +1,20 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { MSize } from '../../../theme';
+export interface MDetailListItem {
+    key?: string;
+    label: ReactNode;
+    value?: ReactNode;
+    helperText?: ReactNode;
+    status?: ReactNode;
+    component?: ElementType;
+    to?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+export interface MDetailListProps extends HTMLAttributes<HTMLDivElement> {
+    items: MDetailListItem[];
+    size?: MSize;
+    bordered?: boolean;
+    emptyState?: ReactNode;
+}

package/dist/components/display/MDetailList/index.d.ts

@@ -0,0 +1,2 @@
+export { MDetailList } from './MDetailList';
+export type { MDetailListProps, MDetailListItem } from './MDetailList.types';

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

@@ -18,6 +18,8 @@ export { MColorPicker } from './MColorPicker';
 export type { MColorPickerProps, MColorPickerFormat } from './MColorPicker';
 export { MEmptyState } from './MEmptyState';
 export type { MEmptyStateProps } from './MEmptyState';
+export { MDetailList } from './MDetailList';
+export type { MDetailListProps, MDetailListItem } from './MDetailList';
 export { MBlur } from './MBlur';
 export type { MBlurProps, MBlurTrigger } from './MBlur';
 /** Marked as a Pro component in MineralUI licensing metadata. */

package/dist/components/layout/MAppMenu/MAppMenu.d.ts

@@ -0,0 +1,2 @@
+import { MAppMenuProps } from './MAppMenu.types';
+export declare function MAppMenu({ groups, as, primaryOnly, wrap, openOn, dropdownPlacement, orientation, size, tone, justify, container, padded, bordered, sticky, className, ...rest }: MAppMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/MAppMenu/MAppMenu.types.d.ts

@@ -0,0 +1,63 @@
+import { ComponentType, ElementType, HTMLAttributes, ReactNode } from 'react';
+import { MColor, MSize } from '../../../theme';
+import { MContainerSize } from '../MContainer';
+import { MNavsItemIconProps, MNavsOrientation } from '../MNavs';
+import { MPopoverPlacement } from '../../primitives';
+export type MAppMenuIcon = ReactNode | ComponentType<MNavsItemIconProps>;
+export type MAppMenuMode = 'navs' | 'topbar' | 'sidebar';
+export type MAppMenuTone = 'default' | 'surface' | 'subtle';
+export type MAppMenuJustify = 'left' | 'center' | 'right';
+export interface MAppMenuItem {
+    key?: string;
+    label: ReactNode;
+    icon?: MAppMenuIcon;
+    href?: string;
+    to?: string;
+    target?: string;
+    rel?: string;
+    /** HTML `title` attribute on the rendered anchor/button — accessibility hint. */
+    title?: string;
+    /**
+     * Optional short helper text shown as a framework-rendered `MTooltip` over
+     * the menu item (in all three `as` modes). Also forwarded to the command
+     * palette as `MCommandPaletteItem.description` by `commandPaletteFromAppMenu`.
+     */
+    description?: ReactNode;
+    onClick?: () => void;
+    badge?: ReactNode;
+    color?: MColor;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+    component?: ElementType;
+    children?: MAppMenuItem[];
+    primary?: boolean;
+}
+export interface MAppMenuGroup {
+    key?: string;
+    label: ReactNode;
+    icon?: MAppMenuIcon;
+    collapsible?: boolean;
+    defaultOpen?: boolean;
+    items: MAppMenuItem[];
+}
+export interface MAppMenuProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    groups: MAppMenuGroup[];
+    as?: MAppMenuMode;
+    primaryOnly?: boolean;
+    wrap?: boolean;
+    openOn?: 'click' | 'hover';
+    dropdownPlacement?: MPopoverPlacement;
+    orientation?: MNavsOrientation;
+    size?: MSize;
+    tone?: MAppMenuTone;
+    justify?: MAppMenuJustify;
+    /** Only used when `as='topbar'` — forwarded to the underlying `MTopbar`. */
+    container?: MContainerSize;
+    /** Only used when `as='topbar'` — forwarded to the underlying `MTopbar`. */
+    padded?: boolean;
+    /** Only used when `as='topbar'` — forwarded to the underlying `MTopbar`. */
+    bordered?: boolean;
+    /** Only used when `as='topbar'` — forwarded to the underlying `MTopbar`. */
+    sticky?: boolean;
+}

package/dist/components/layout/MAppMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { MAppMenu } from './MAppMenu';
+export type { MAppMenuProps, MAppMenuGroup, MAppMenuItem, MAppMenuIcon, MAppMenuMode, MAppMenuTone, MAppMenuJustify, } from './MAppMenu.types';

package/dist/components/layout/MInline/MInline.d.ts

@@ -1,2 +1,2 @@
 import { MInlineProps } from './MInline.types';
-export declare function MInline({ align, justify, wrap, hidden, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MInlineProps): import("react/jsx-runtime").JSX.Element;
+export declare function MInline({ align, justify, wrap, hidden, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MInlineProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/MInline/MInline.types.d.ts

@@ -4,7 +4,7 @@ import { LayoutUtilityProps } from '../../../utils/layoutProps';
 export type MInlineAlign = 'start' | 'center' | 'end' | 'stretch';
 export type MInlineJustify = 'start' | 'center' | 'end' | 'between';
 export type MInlineWrap = 'wrap' | 'nowrap';
-export interface MInlineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, LayoutUtilityProps, MHiddenProps {
+export interface MInlineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, Omit<LayoutUtilityProps, 'spacing'>, MHiddenProps {
     align?: MInlineAlign;
     justify?: MInlineJustify;
     wrap?: MInlineWrap;

package/dist/components/layout/MSidebar/MSidebar.d.ts

@@ -3,7 +3,7 @@ export declare function MSidebar({ mode: modeProp, defaultMode, onModeChange, pe
 export declare function MSidebarHeader({ bordered, className, children }: MSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare function MSidebarBody({ className, children }: MSidebarBodyProps): import("react/jsx-runtime").JSX.Element;
 export declare function MSidebarNav({ className, children }: MSidebarNavProps): import("react/jsx-runtime").JSX.Element;
-export declare function MSidebarItem({ icon, label, href, to, onClick, active, disabled, badge, color, component, className, }: MSidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MSidebarItem({ icon, label, description, href, to, onClick, active, disabled, badge, color, component, className, }: MSidebarItemProps): import("react/jsx-runtime").JSX.Element;
 export declare function MSidebarGroup({ label, icon, active, defaultOpen, collapsible, children, className, }: MSidebarGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare function MSidebarFooter({ bordered, className, children }: MSidebarFooterProps): import("react/jsx-runtime").JSX.Element;
 export declare function MSidebarDivider({ className, spacing }: MSidebarDividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/MSidebar/MSidebar.types.d.ts

@@ -31,6 +31,13 @@ export interface MSidebarNavProps {
 export interface MSidebarItemProps {
     icon?: ReactNode;
     label: ReactNode;
+    /**
+     * Optional helper text. When set, it replaces the label inside the row's
+     * tooltip — `MSidebarItem` always shows ONE tooltip (description if
+     * present, label otherwise). This stops descriptions and labels from
+     * stacking when the row is wrapped in another tooltip from outside.
+     */
+    description?: ReactNode;
     href?: string;
     to?: string;
     onClick?: () => void;

package/dist/components/layout/MStatGrid/MStatGrid.d.ts

@@ -0,0 +1,2 @@
+import { MStatGridProps } from './MStatGrid.types';
+export declare function MStatGrid<T>({ items, renderItem, children, columns, minItemWidth, ...rest }: MStatGridProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/MStatGrid/MStatGrid.types.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MSimpleGridColumns } from '../MSimpleGrid';
+export interface MStatGridProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
+    items?: T[];
+    renderItem?: (item: T, index: number) => ReactNode;
+    columns?: MSimpleGridColumns;
+    minItemWidth?: string;
+    children?: ReactNode;
+}

package/dist/components/layout/MStatGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { MStatGrid } from './MStatGrid';
+export type { MStatGridProps } from './MStatGrid.types';

package/dist/components/layout/MSurface/MSurface.d.ts

@@ -1,2 +1,2 @@
 import { MSurfaceProps } from './MSurface.types';
-export declare function MSurface({ tone, outlined, padded, hidden, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MSurfaceProps): import("react/jsx-runtime").JSX.Element;
+export declare function MSurface({ component, to, href, target, rel, tone, outlined, padded, hidden, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MSurfaceProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/MSurface/MSurface.types.d.ts

@@ -1,8 +1,13 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { CSSProperties, ElementType, HTMLAttributes, ReactNode } from 'react';
 import { MHiddenProps } from '../../../theme';
 import { LayoutUtilityProps } from '../../../utils/layoutProps';
 export type MSurfaceTone = 'default' | 'subtle' | 'raised' | 'inverse';
 export interface MSurfaceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, LayoutUtilityProps, MHiddenProps {
+    component?: ElementType;
+    to?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
     tone?: MSurfaceTone;
     outlined?: boolean;
     padded?: boolean;

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

@@ -12,6 +12,10 @@ export { MTopbar } from './MTopbar';
 export type { MTopbarProps, MTopbarItem, MTopbarTone, MTopbarJustify } from './MTopbar';
 export { MNavs } from './MNavs';
 export type { MNavsProps, MNavsItem, MNavsOrientation } from './MNavs';
+/** Marked as a Pro component in MineralUI licensing metadata. */
+export { MAppMenu } from './MAppMenu';
+/** Types for a Pro component in MineralUI licensing metadata. */
+export type { MAppMenuProps, MAppMenuGroup, MAppMenuItem, MAppMenuIcon, MAppMenuMode, MAppMenuTone, MAppMenuJustify, } from './MAppMenu';
 export { MTabs } from './MTabs';
 export type { MTabsProps, MTabsItem, MTabsVariant, MTabsSize } from './MTabs';
 export { MSection } from './MSection';
@@ -22,6 +26,8 @@ export { MInline } from './MInline';
 export type { MInlineProps, MInlineAlign, MInlineJustify, MInlineWrap } from './MInline';
 export { MSimpleGrid } from './MSimpleGrid';
 export type { MSimpleGridProps, MSimpleGridColumns } from './MSimpleGrid';
+export { MStatGrid } from './MStatGrid';
+export type { MStatGridProps } from './MStatGrid';
 export { MGrid, MGridItem } from './MGrid';
 export type { MGridProps, MGridItemProps, MGridType, MGridColumns } from './MGrid';
 export { MSurface } from './MSurface';

package/dist/components/media/MGallery/MGallery.types.d.ts

@@ -4,6 +4,11 @@ import { MMediaHoverEffect } from '../mediaInteraction';
 export type MGalleryColumns = 2 | 3 | 4 | 5 | 6;
 export interface MGalleryItem {
     src: string;
+    /**
+     * Optional small-size variant rendered in the grid `<img>`. The lightbox preview always
+     * loads the full `src`. When omitted the grid falls back to `src`.
+     */
+    thumbnail?: string;
     alt?: string;
     caption?: string;
 }

package/dist/components/overlays/MCommandPalette/MCommandPalette.d.ts

@@ -0,0 +1,2 @@
+import { MCommandPaletteProps } from './MCommandPalette.types';
+export declare function MCommandPalette({ items, featuredItems, open, defaultOpen, onOpenChange, onSelect, title, description, trigger, shortcut, placeholder, emptyLabel, footer, size, closeOnSelect, }: MCommandPaletteProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/MCommandPalette/MCommandPalette.types.d.ts

@@ -0,0 +1,35 @@
+import { ElementType, ReactNode } from 'react';
+import { MSheetSize } from '../MSheet';
+export interface MCommandPaletteItem {
+    id: string;
+    title: ReactNode;
+    description?: ReactNode;
+    group?: ReactNode;
+    keywords?: string[];
+    icon?: ReactNode;
+    badge?: ReactNode;
+    actionLabel?: ReactNode;
+    component?: ElementType;
+    to?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onSelect?: () => void;
+}
+export interface MCommandPaletteProps {
+    items: MCommandPaletteItem[];
+    featuredItems?: MCommandPaletteItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (item: MCommandPaletteItem) => void;
+    title?: ReactNode;
+    description?: ReactNode;
+    trigger?: ReactNode;
+    shortcut?: string;
+    placeholder?: string;
+    emptyLabel?: ReactNode;
+    footer?: ReactNode;
+    size?: MSheetSize;
+    closeOnSelect?: boolean;
+}

package/dist/components/overlays/MCommandPalette/index.d.ts

@@ -0,0 +1,2 @@
+export { MCommandPalette } from './MCommandPalette';
+export type { MCommandPaletteProps, MCommandPaletteItem } from './MCommandPalette.types';

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

@@ -2,6 +2,8 @@ export { MModal } from './MModal';
 export type { MModalProps, MModalSize } from './MModal';
 export { MSheet } from './MSheet';
 export type { MSheetProps, MSheetSize } from './MSheet';
+export { MCommandPalette } from './MCommandPalette';
+export type { MCommandPaletteProps, MCommandPaletteItem } from './MCommandPalette';
 export { MDrawer, MDrawerHeader, MDrawerBody, MDrawerFooter } from './MDrawer';
 export type { MDrawerProps, MDrawerSide, MDrawerSize, MDrawerSectionProps } from './MDrawer';
 export { MTooltip } from './MTooltip';

package/dist/components/typography/MHeading/MHeading.d.ts

@@ -235,7 +235,6 @@ export declare function MHeading({ level, tone, hidden, color, truncate, classNa
     onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLHeadingElement> | undefined;
     title?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -270,6 +269,7 @@ export declare function MHeading({ level, tone, hidden, color, truncate, classNa
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
@@ -515,7 +515,6 @@ export declare function MHeading({ level, tone, hidden, color, truncate, classNa
     onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLHeadingElement> | undefined;
     title?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -550,6 +549,7 @@ export declare function MHeading({ level, tone, hidden, color, truncate, classNa
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
@@ -795,7 +795,6 @@ export declare function MHeading({ level, tone, hidden, color, truncate, classNa
     onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLHeadingElement> | undefined;
     title?: string | undefined | undefined;
     content?: string | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -830,6 +829,7 @@ export declare function MHeading({ level, tone, hidden, color, truncate, classNa
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;