@banzamel/mineralui 1.1.1 → 1.3.0

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

@@ -1,2 +1,2 @@
 import { MNavbarProps } from './MNavbar.types';
-export declare function MNavbar({ container, padded, bordered, sticky, tone, justify, wrap, className, children, ...rest }: MNavbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MNavbar({ container, padded, bordered, sticky, tone, justify, wrap, mobileMenu, mobileMenuContent, mobileMenuLabel, hidden, className, children, ...rest }: MNavbarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,10 @@
 import { HTMLAttributes, ReactNode } from 'react';
+import { MHiddenProps } from '../../../theme';
 import { MContainerSize } from '../MContainer';
 export type MNavbarTone = 'default' | 'surface' | 'subtle';
 export type MNavbarJustify = 'start' | 'center' | 'between' | 'end';
-export interface MNavbarProps extends HTMLAttributes<HTMLElement> {
+export type MNavbarMobileMenu = 'dropdown' | 'drawer';
+export interface MNavbarProps extends Omit<HTMLAttributes<HTMLElement>, 'hidden'>, MHiddenProps {
     container?: MContainerSize;
     padded?: boolean;
     bordered?: boolean;
@@ -10,5 +12,8 @@ export interface MNavbarProps extends HTMLAttributes<HTMLElement> {
     tone?: MNavbarTone;
     justify?: MNavbarJustify;
     wrap?: boolean;
+    mobileMenu?: MNavbarMobileMenu;
+    mobileMenuContent?: ReactNode;
+    mobileMenuLabel?: string;
     children?: ReactNode;
 }

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

@@ -1,2 +1,2 @@
 export { MNavbar } from './MNavbar';
-export type { MNavbarProps, MNavbarTone, MNavbarJustify } from './MNavbar.types';
+export type { MNavbarProps, MNavbarTone, MNavbarJustify, MNavbarMobileMenu } from './MNavbar.types';

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

@@ -1,10 +1,20 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ComponentType, ElementType, HTMLAttributes, ReactNode } from 'react';
 import { MLinkProps } from '../../typography';
+import { MSize } from '../../../theme';
 export type MNavsOrientation = 'horizontal' | 'vertical';
+export type MNavsItemIconSize = MSize | number | string;
+export interface MNavsItemIconProps {
+    className?: string;
+    size?: MNavsItemIconSize;
+    'aria-hidden'?: boolean;
+}
 export interface MNavsItem extends Pick<MLinkProps, 'href' | 'to' | 'target' | 'rel' | 'title'> {
     key?: string;
     component?: ElementType;
-    label: ReactNode;
+    label?: ReactNode;
+    icon?: ComponentType<MNavsItemIconProps>;
+    iconOnly?: boolean;
+    iconSize?: MNavsItemIconSize;
     current?: boolean;
     disabled?: boolean;
     className?: string;

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

@@ -1,2 +1,2 @@
 export { MNavs } from './MNavs';
-export type { MNavsProps, MNavsItem, MNavsOrientation } from './MNavs.types';
+export type { MNavsProps, MNavsItem, MNavsItemIconProps, MNavsItemIconSize, MNavsOrientation } from './MNavs.types';

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

@@ -1,2 +1,2 @@
 import { MSectionProps } from './MSection.types';
-export declare function MSection({ as, spacing, tone, reveal, className, style, children, ...rest }: MSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function MSection({ as, spacing, tone, hidden, reveal, className, style, children, ...rest }: MSectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { MHiddenProps } from '../../../theme';
 import { RevealProp } from '../../../utils/useReveal';
 export type MSectionSpacing = 'sm' | 'md' | 'lg' | 'xl';
 export type MSectionTone = 'default' | 'subtle' | 'surface' | 'inverse';
-export interface MSectionProps extends HTMLAttributes<HTMLElement> {
+export interface MSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'hidden'>, MHiddenProps {
     as?: 'section' | 'div' | 'main' | 'header' | 'footer';
     spacing?: MSectionSpacing;
     tone?: MSectionTone;

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

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

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

@@ -1,8 +1,9 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { MHiddenProps } from '../../../theme';
 import { LayoutUtilityProps } from '../../../utils/layoutProps';
 import { RevealProp } from '../../../utils/useReveal';
 export type MStackAlign = 'stretch' | 'start' | 'center' | 'end';
-export interface MStackProps extends HTMLAttributes<HTMLDivElement>, LayoutUtilityProps {
+export interface MStackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, LayoutUtilityProps, MHiddenProps {
     align?: MStackAlign;
     reveal?: RevealProp;
     children?: ReactNode;

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

@@ -1,2 +1,2 @@
 import { MSurfaceProps } from './MSurface.types';
-export declare function MSurface({ tone, outlined, padded, reveal, 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({ tone, outlined, padded, hidden, reveal, 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,9 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { MHiddenProps } from '../../../theme';
 import { LayoutUtilityProps } from '../../../utils/layoutProps';
 import { RevealProp } from '../../../utils/useReveal';
 export type MSurfaceTone = 'default' | 'subtle' | 'raised' | 'inverse';
-export interface MSurfaceProps extends HTMLAttributes<HTMLDivElement>, LayoutUtilityProps {
+export interface MSurfaceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, LayoutUtilityProps, MHiddenProps {
     tone?: MSurfaceTone;
     outlined?: boolean;
     padded?: boolean;

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

@@ -1,2 +1,2 @@
 import { MTopbarProps } from './MTopbar.types';
-export declare function MTopbar({ items, container, padded, bordered, sticky, tone, justify, size, openOn, dropdownPlacement, className, style, ...rest }: MTopbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MTopbar({ items, container, padded, bordered, sticky, tone, justify, size, openOn, dropdownPlacement, hidden, className, style, ...rest }: MTopbarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, HTMLAttributes, ReactNode } from 'react';
 import { MContainerSize } from '../MContainer';
 import { MPopoverPlacement } from '../../primitives';
-import { MColor, MSize } from '../../../theme';
+import { MColor, MHiddenProps, MSize } from '../../../theme';
 export type MTopbarTone = 'default' | 'surface' | 'subtle';
 export type MTopbarJustify = 'left' | 'center' | 'right';
 export interface MTopbarItem {
@@ -20,7 +20,7 @@ export interface MTopbarItem {
     children?: MTopbarItem[];
     openOn?: 'click' | 'hover';
 }
-export interface MTopbarProps extends HTMLAttributes<HTMLElement> {
+export interface MTopbarProps extends Omit<HTMLAttributes<HTMLElement>, 'hidden'>, MHiddenProps {
     items: MTopbarItem[];
     container?: MContainerSize;
     padded?: boolean;

package/dist/components/media/MAvatar/MAvatar.d.ts

@@ -1,2 +1,2 @@
 import { MAvatarProps } from './MAvatar.types';
-export declare function MAvatar({ src, alt, name, initials, size, shape, color, badge, badgeColor, badgePulsing, backgroundColor, clickEffect, rippleColor, skeleton, className, style, onPointerDown, ...rest }: MAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MAvatar({ src, alt, name, initials, size, shape, hidden, color, badge, badgeColor, badgePulsing, backgroundColor, clickEffect, rippleColor, skeleton, className, style, onPointerDown, ...rest }: MAvatarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { MColor, MSize } from '../../../theme';
+import { MColor, MHiddenProps, MSize } from '../../../theme';
 import { MClickEffect } from '../../../utils/useInteractionEffect';
 export type MAvatarSize = MSize | number;
 export type MAvatarShape = 'circle' | 'rounded' | 'square';
-export interface MAvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+export interface MAvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'hidden'>, MHiddenProps {
     src?: string;
     alt?: string;
     name?: string;

package/dist/components/media/MAvatarStack/MAvatarStack.d.ts

@@ -1,2 +1,2 @@
 import { MAvatarStackProps } from './MAvatarStack.types';
-export declare function MAvatarStack({ items, max, size, color, overlap, className, style, ...rest }: MAvatarStackProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MAvatarStack({ items, max, size, color, hidden, overlap, className, style, ...rest }: MAvatarStackProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,11 +1,11 @@
 import { HTMLAttributes } from 'react';
-import { MColor } from '../../../theme';
+import { MColor, MHiddenProps } from '../../../theme';
 import { MAvatarSize } from '../MAvatar/MAvatar.types';
 export interface MAvatarStackItem {
     name?: string;
     avatar?: string;
 }
-export interface MAvatarStackProps extends HTMLAttributes<HTMLDivElement> {
+export interface MAvatarStackProps extends Omit<HTMLAttributes<HTMLDivElement>, 'hidden'>, MHiddenProps {
     items: MAvatarStackItem[];
     max?: number;
     size?: MAvatarSize;

package/dist/components/media/MImage/MImage.d.ts

@@ -1,2 +1,2 @@
 import { MImageProps } from './MImage.types';
-export declare function MImage({ fit, ratio, rounded, bordered, shadow, clickEffect, fallback, skeleton, className, style, alt, onError, ...rest }: MImageProps): import("react/jsx-runtime").JSX.Element;
+export declare function MImage({ fit, ratio, hidden, rounded, bordered, shadow, clickEffect, fallback, skeleton, className, style, alt, onError, ...rest }: MImageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
 import { ImgHTMLAttributes } from 'react';
+import { MHiddenProps } from '../../../theme';
 import { MClickEffect } from '../../../utils/useInteractionEffect';
 export type MImageFit = 'cover' | 'contain' | 'fill' | 'none';
 export type MImageRatio = '1:1' | '4:3' | '16:9' | '21:9' | 'auto';
-export interface MImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+export interface MImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'hidden'>, MHiddenProps {
     fit?: MImageFit;
     ratio?: MImageRatio;
     rounded?: boolean;