@banzamel/mineralui 1.6.4 → 1.8.0

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

@@ -2,6 +2,7 @@ import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import { MHiddenProps } from '../../../theme';
 import { LayoutUtilityProps } from '../../../utils/layoutProps';
 export type MGridType = 'row' | 'col';
+export type MGridAlign = 'stretch' | 'start' | 'center' | 'end' | 'baseline';
 export declare const mGridColumnValues: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 export type MGridColumns = (typeof mGridColumnValues)[number];
 export interface MGridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, LayoutUtilityProps, MHiddenProps {
@@ -11,6 +12,7 @@ export interface MGridProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden
     lg?: MGridColumns;
     xl?: MGridColumns;
     xxl?: MGridColumns;
+    align?: MGridAlign;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;

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/media/MMediaLightbox/MMediaLightbox.d.ts

@@ -10,5 +10,5 @@ interface MMediaLightboxProps {
     onClose: () => void;
     onActiveIndexChange: (index: number) => void;
 }
-export declare function MMediaLightbox({ open, items, activeIndex, onClose, onActiveIndexChange, }: MMediaLightboxProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MMediaLightbox({ open, items, activeIndex, onClose, onActiveIndexChange }: MMediaLightboxProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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/MTooltip/MTooltip.types.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export type MTooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
-export interface MTooltipProps {
+export interface MTooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content' | 'children'> {
     content: ReactNode;
     placement?: MTooltipPlacement;
     delay?: number;

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;