@banzamel/mineralui 1.2.0 → 1.4.0

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

@@ -1,9 +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 type MNavbarMobileMenu = 'dropdown' | 'drawer';
-export interface MNavbarProps extends HTMLAttributes<HTMLElement> {
+export interface MNavbarProps extends Omit<HTMLAttributes<HTMLElement>, 'hidden'>, MHiddenProps {
     container?: MContainerSize;
     padded?: boolean;
     bordered?: boolean;
@@ -14,5 +15,6 @@ export interface MNavbarProps extends HTMLAttributes<HTMLElement> {
     mobileMenu?: MNavbarMobileMenu;
     mobileMenuContent?: ReactNode;
     mobileMenuLabel?: string;
+    mobileBreakpoint?: number;
     children?: ReactNode;
 }

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

@@ -1,2 +1,2 @@
 export { MNavs } from './MNavs';
-export type { MNavsProps, MNavsItem, MNavsItemIconProps, MNavsItemIconSize, 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/MSidebar/MSidebar.d.ts

@@ -1,5 +1,5 @@
 import { MSidebarProps, MSidebarHeaderProps, MSidebarBodyProps, MSidebarNavProps, MSidebarItemProps, MSidebarGroupProps, MSidebarFooterProps, MSidebarDividerProps } from './MSidebar.types';
-export declare function MSidebar({ mode: modeProp, defaultMode, onModeChange, persist, side, tone, bordered, mobileBreakpoint, className, style, children, }: MSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function MSidebar({ mode: modeProp, defaultMode, onModeChange, persist, side, tone, bordered, mobileBreakpoint, compactBreakpoint, className, style, children, }: MSidebarProps): import("react/jsx-runtime").JSX.Element;
 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;

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

@@ -10,6 +10,7 @@ export interface MSidebarProps {
     tone?: 'default' | 'subtle' | 'surface' | 'inverse';
     bordered?: boolean;
     mobileBreakpoint?: number;
+    compactBreakpoint?: number;
     className?: string;
     style?: CSSProperties;
     children: ReactNode;

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, compactBreakpoint, hidden, className, style, ...rest }: MTopbarProps): import("react/jsx-runtime").JSX.Element | null;

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;
@@ -31,6 +31,7 @@ export interface MTopbarProps extends HTMLAttributes<HTMLElement> {
     size?: MSize;
     openOn?: 'click' | 'hover';
     dropdownPlacement?: MPopoverPlacement;
+    compactBreakpoint?: number;
     className?: string;
     style?: CSSProperties;
 }

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;