@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/components/inputs/InputNumber/index.d.ts

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

package/dist/components/inputs/InputOTP/InputOTP.d.ts

@@ -0,0 +1,3 @@
+import { InputOTPProps } from './InputOTP.types';
+import type * as React from 'react';
+export declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/inputs/InputOTP/InputOTP.types.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+import { MineralColor, MineralSize } from '../../../theme';
+export interface InputOTPProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    color?: MineralColor;
+    size?: MineralSize;
+    error?: boolean;
+    errorText?: string;
+    label?: string;
+    style?: CSSProperties;
+}

package/dist/components/inputs/InputOTP/index.d.ts

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

package/dist/components/inputs/InputPassword/InputPassword.d.ts

@@ -0,0 +1,3 @@
+import { InputPasswordProps } from './InputPassword.types';
+import type * as React from 'react';
+export declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputPassword/InputPassword.types.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '../Input';
+export type PasswordStrength = 'weak' | 'fair' | 'good' | 'strong';
+export interface InputPasswordProps extends Omit<InputProps, 'type' | 'endIcon'> {
+    showToggle?: boolean;
+    showStrength?: boolean;
+    onStrengthChange?: (strength: PasswordStrength) => void;
+}

package/dist/components/inputs/InputPassword/index.d.ts

@@ -0,0 +1,2 @@
+export { InputPassword } from './InputPassword';
+export type { InputPasswordProps, PasswordStrength } from './InputPassword.types';

package/dist/components/inputs/InputPhone/InputPhone.d.ts

@@ -0,0 +1,3 @@
+import { InputPhoneProps } from './InputPhone.types';
+import type * as React from 'react';
+export declare const InputPhone: React.ForwardRefExoticComponent<InputPhoneProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputPhone/InputPhone.types.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from '../Input';
+import { ValidationResult } from '../../../utils/validators';
+export interface InputPhoneProps extends Omit<InputProps, 'type'> {
+    countryCode?: string;
+    showCountryCode?: boolean;
+    formatOnChange?: boolean;
+    validateOnBlur?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+    onValueChange?: (rawValue: string, formattedValue: string) => void;
+}

package/dist/components/inputs/InputPhone/index.d.ts

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

package/dist/components/inputs/InputPostCode/InputPostCode.d.ts

@@ -0,0 +1,3 @@
+import { InputPostCodeProps } from './InputPostCode.types';
+import type * as React from 'react';
+export declare const InputPostCode: React.ForwardRefExoticComponent<InputPostCodeProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputPostCode/InputPostCode.types.d.ts

@@ -0,0 +1,12 @@
+import { InputGroupProps } from '../InputGroup';
+import { ValidationResult } from '../../../utils/validators';
+export interface InputPostCodeProps extends Omit<InputGroupProps, 'prepend' | 'type' | 'inputMode'> {
+    country?: string;
+    defaultCountry?: string;
+    selectableCountry?: boolean;
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    onCountryChange?: (countryCode: string) => void;
+    onValidationChange?: (result: ValidationResult) => void;
+    onValueChange?: (rawValue: string, formattedValue: string, countryCode: string) => void;
+}

package/dist/components/inputs/InputPostCode/index.d.ts

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

package/dist/components/inputs/InputSearch/InputSearch.d.ts

@@ -0,0 +1,3 @@
+import { InputSearchProps } from './InputSearch.types';
+import type * as React from 'react';
+export declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputSearch/InputSearch.types.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from '../Input';
+export interface InputSearchProps extends Omit<InputProps, 'type' | 'startIcon'> {
+    debounceMs?: number;
+    onSearch?: (value: string) => void;
+}

package/dist/components/inputs/InputSearch/index.d.ts

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

package/dist/components/inputs/InputSlider/InputSlider.d.ts

@@ -0,0 +1,3 @@
+import { InputSliderProps } from './InputSlider.types';
+import type * as React from 'react';
+export declare const InputSlider: React.ForwardRefExoticComponent<InputSliderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/inputs/InputSlider/InputSlider.types.d.ts

@@ -0,0 +1,12 @@
+import { InputProps } from '../Input';
+import { SliderMark } from '../../controls';
+export interface InputSliderProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    onChange?: (value: number) => void;
+    precision?: number;
+    marks?: SliderMark[];
+    showInput?: boolean;
+}

package/dist/components/inputs/InputSlider/index.d.ts

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

package/dist/components/inputs/InputTaxId/InputTaxId.d.ts

@@ -0,0 +1,3 @@
+import { InputTaxIdProps } from './InputTaxId.types';
+import type * as React from 'react';
+export declare const InputTaxId: React.ForwardRefExoticComponent<InputTaxIdProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/InputTaxId/InputTaxId.types.d.ts

@@ -0,0 +1,11 @@
+import { InputProps } from '../Input';
+import { ValidationResult } from '../../../utils/validators';
+export type TaxIdType = 'NIP' | 'PESEL' | 'REGON';
+export interface InputTaxIdProps extends Omit<InputProps, 'type'> {
+    taxIdType: TaxIdType;
+    formatOnChange?: boolean;
+    validateOnBlur?: boolean;
+    showValidIcon?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+    onValueChange?: (rawValue: string) => void;
+}

package/dist/components/inputs/InputTaxId/index.d.ts

@@ -0,0 +1,2 @@
+export { InputTaxId } from './InputTaxId';
+export type { InputTaxIdProps, TaxIdType } from './InputTaxId.types';

package/dist/components/inputs/Textarea/Textarea.d.ts

@@ -0,0 +1,3 @@
+import { TextareaProps } from './Textarea.types';
+import type * as React from 'react';
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/inputs/Textarea/Textarea.types.d.ts

@@ -0,0 +1,41 @@
+import { ChangeEvent, FocusEvent, CSSProperties } from 'react';
+import { MineralColor, MineralFontColor, MineralSize } from '../../../theme';
+export type TextareaVariant = 'outlined' | 'filled' | 'underlined';
+export interface TextareaProps {
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    rows?: number;
+    autoResize?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    variant?: TextareaVariant;
+    size?: MineralSize;
+    color?: MineralColor;
+    fcolor?: MineralFontColor;
+    fullWidth?: boolean;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    success?: boolean;
+    maxLength?: number;
+    showCharCount?: boolean;
+    ghostOptions?: string[];
+    ghostMinChars?: number;
+    onGhostAccept?: (value: string) => void;
+    loading?: boolean;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    className?: string;
+    style?: CSSProperties;
+    textareaClassName?: string;
+    labelClassName?: string;
+}

package/dist/components/inputs/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaVariant } from './Textarea.types';

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

@@ -0,0 +1,34 @@
+export { Input } from './Input';
+export type { InputProps, InputVariant } from './Input';
+export { Textarea } from './Textarea';
+export type { TextareaProps, TextareaVariant } from './Textarea';
+export { InputPassword } from './InputPassword';
+export type { InputPasswordProps, PasswordStrength } from './InputPassword';
+export { InputNumber } from './InputNumber';
+export type { InputNumberProps } from './InputNumber';
+export { InputSearch } from './InputSearch';
+export type { InputSearchProps } from './InputSearch';
+export { InputEmail } from './InputEmail';
+export type { InputEmailProps } from './InputEmail';
+export { InputPhone } from './InputPhone';
+export type { InputPhoneProps } from './InputPhone';
+export { InputName } from './InputName';
+export type { InputNameProps } from './InputName';
+export { InputIBAN } from './InputIBAN';
+export type { InputIBANProps } from './InputIBAN';
+export { InputTaxId } from './InputTaxId';
+export type { InputTaxIdProps, TaxIdType } from './InputTaxId';
+export { InputCurrency } from './InputCurrency';
+export type { InputCurrencyProps } from './InputCurrency';
+export { InputCreditCard } from './InputCreditCard';
+export type { InputCreditCardProps } from './InputCreditCard';
+export { InputGroup } from './InputGroup';
+export type { InputGroupProps, InputGroupAddon, InputGroupSlot } from './InputGroup';
+export { InputPostCode } from './InputPostCode';
+export type { InputPostCodeProps } from './InputPostCode';
+export { InputOTP } from './InputOTP';
+export type { InputOTPProps } from './InputOTP';
+export { InputSlider } from './InputSlider';
+export type { InputSliderProps } from './InputSlider';
+export { InputFile } from './InputFile';
+export type { InputFileProps, InputFileCropOptions, InputFileCropShape } from './InputFile';

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

@@ -0,0 +1,4 @@
+import { AppShellProps, BodyProps } from './AppShell.types';
+import type * as React from 'react';
+export declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface BodyProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { AppShell, Body } from './AppShell';
+export type { AppShellProps, BodyProps } from './AppShell.types';

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

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

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

@@ -0,0 +1,10 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { LayoutUtilityProps } from '../../../utils/layoutProps';
+export type ContainerSize = 'content' | 'wide' | 'full';
+export interface ContainerProps extends HTMLAttributes<HTMLDivElement>, LayoutUtilityProps {
+    size?: ContainerSize;
+    padded?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { ContainerProps, ContainerSize } from './Container.types';

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

@@ -0,0 +1,2 @@
+import { DividerProps } from './Divider.types';
+export declare function Divider({ orientation, variant, className, style, ...rest }: DividerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+export type DividerOrientation = 'horizontal' | 'vertical';
+export type DividerVariant = 'solid' | 'dashed';
+export interface DividerProps extends HTMLAttributes<HTMLElement> {
+    orientation?: DividerOrientation;
+    variant?: DividerVariant;
+    className?: string;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerOrientation, DividerProps, DividerVariant } from './Divider.types';

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

@@ -0,0 +1,2 @@
+import { GridProps } from './Grid.types';
+export declare function Grid({ columns, minItemWidth, className, style, children, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export declare const gridColumnValues: readonly [1, 2, 3, 4];
+export type GridColumns = (typeof gridColumnValues)[number];
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: GridColumns;
+    minItemWidth?: string;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { Grid } from './Grid';
+export type { GridProps, GridColumns } from './Grid.types';

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

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

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

@@ -0,0 +1,15 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { LayoutUtilityProps } from '../../../utils/layoutProps';
+import { RevealProp } from '../../../utils/useReveal';
+export type InlineAlign = 'start' | 'center' | 'end' | 'stretch';
+export type InlineJustify = 'start' | 'center' | 'end' | 'between';
+export type InlineWrap = 'wrap' | 'nowrap';
+export interface InlineProps extends HTMLAttributes<HTMLDivElement>, LayoutUtilityProps {
+    align?: InlineAlign;
+    justify?: InlineJustify;
+    wrap?: InlineWrap;
+    reveal?: RevealProp;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { Inline } from './Inline';
+export type { InlineProps, InlineAlign, InlineJustify, InlineWrap } from './Inline.types';

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

@@ -0,0 +1,2 @@
+import { MBreadcrumbProps } from './MBreadcrumb.types';
+export declare function MBreadcrumb({ items, separator, maxItems, className, ...rest }: MBreadcrumbProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface MBreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+export interface MBreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    items: MBreadcrumbItem[];
+    separator?: ReactNode;
+    maxItems?: number;
+}

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

@@ -0,0 +1,2 @@
+export { MBreadcrumb } from './MBreadcrumb';
+export type { MBreadcrumbProps, MBreadcrumbItem } from './MBreadcrumb.types';

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

@@ -0,0 +1,2 @@
+import { MFooterProps } from './MFooter.types';
+export declare function MFooter({ container, padded, bordered, tone, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MFooterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ContainerSize } from '../Container';
+import { MHeaderTone } from '../MHeader';
+import { LayoutUtilityProps } from '../../../utils/layoutProps';
+export interface MFooterProps extends HTMLAttributes<HTMLElement>, LayoutUtilityProps {
+    container?: ContainerSize;
+    padded?: boolean;
+    bordered?: boolean;
+    tone?: MHeaderTone;
+    children?: ReactNode;
+}

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

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

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

@@ -0,0 +1,3 @@
+import { MGridItemProps, MGridProps } from './MGrid.types';
+export declare function MGrid({ type, span, sm, md, lg, xl, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function MGridItem({ span, sm, md, lg, xl, ...rest }: MGridItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { LayoutUtilityProps } from '../../../utils/layoutProps';
+export type MGridType = 'row' | 'col';
+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 HTMLAttributes<HTMLDivElement>, LayoutUtilityProps {
+    type?: MGridType;
+    span?: MGridColumns;
+    sm?: MGridColumns;
+    md?: MGridColumns;
+    lg?: MGridColumns;
+    xl?: MGridColumns;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface MGridItemProps extends Omit<MGridProps, 'type'>, Pick<MGridProps, 'span' | 'sm' | 'md' | 'lg' | 'xl'> {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { MGrid, MGridItem } from './MGrid';
+export type { MGridProps, MGridItemProps, MGridType, MGridColumns } from './MGrid.types';

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

@@ -0,0 +1,2 @@
+import { MHeaderProps } from './MHeader.types';
+export declare function MHeader({ container, padded, bordered, sticky, tone, fcolor, className, children, ...rest }: MHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ContainerSize } from '../Container';
+import { MineralFontColor } from '../../../theme';
+export type MHeaderTone = 'default' | 'surface' | 'subtle';
+export interface MHeaderProps extends HTMLAttributes<HTMLElement> {
+    container?: ContainerSize;
+    padded?: boolean;
+    bordered?: boolean;
+    sticky?: boolean;
+    tone?: MHeaderTone;
+    fcolor?: MineralFontColor;
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { MHeader } from './MHeader';
+export type { MHeaderProps, MHeaderTone } from './MHeader.types';

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

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

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

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ContainerSize } from '../Container';
+import { MineralFontColor } from '../../../theme';
+export type MNavbarTone = 'default' | 'surface' | 'subtle';
+export type MNavbarJustify = 'start' | 'center' | 'between' | 'end';
+export type MNavbarAlign = 'start' | 'center' | 'end' | 'stretch';
+export interface MNavbarProps extends HTMLAttributes<HTMLElement> {
+    container?: ContainerSize;
+    padded?: boolean;
+    bordered?: boolean;
+    sticky?: boolean;
+    tone?: MNavbarTone;
+    fcolor?: MineralFontColor;
+    justify?: MNavbarJustify;
+    align?: MNavbarAlign;
+    wrap?: boolean;
+    children?: ReactNode;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { MNavsProps } from './MNavs.types';
+export declare function MNavs({ items, orientation, fcolor, wrap, className, children, ...rest }: MNavsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { MLinkProps } from '../../typography';
+import { MineralFontColor } from '../../../theme';
+export type MNavsOrientation = 'horizontal' | 'vertical';
+export interface MNavsItem extends Pick<MLinkProps, 'href' | 'to' | 'target' | 'rel' | 'title'> {
+    key?: string;
+    component?: ElementType;
+    label: ReactNode;
+    current?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export interface MNavsProps extends HTMLAttributes<HTMLElement> {
+    items?: MNavsItem[];
+    orientation?: MNavsOrientation;
+    fcolor?: MineralFontColor;
+    wrap?: boolean;
+    children?: ReactNode;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { MPaginationProps } from './MPagination.types';
+export declare function MPagination({ total, page, pageSize, onChange, siblings, boundaries, variant, className, ...rest }: MPaginationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export interface MPaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    total: number;
+    page: number;
+    pageSize?: number;
+    onChange: (page: number) => void;
+    siblings?: number;
+    boundaries?: number;
+    variant?: 'numbered' | 'simple';
+}

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

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

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

@@ -0,0 +1,9 @@
+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 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 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

@@ -0,0 +1,60 @@
+import { ReactNode, ElementType, CSSProperties } from 'react';
+import { MineralColor } from '../../../theme';
+export type MSidebarMode = 'expanded' | 'collapsed';
+export interface MSidebarProps {
+    mode?: 'expanded' | 'collapsed' | 'auto';
+    defaultMode?: MSidebarMode;
+    onModeChange?: (mode: MSidebarMode) => void;
+    persist?: boolean;
+    side?: 'left' | 'right';
+    tone?: 'default' | 'subtle' | 'surface' | 'inverse';
+    bordered?: boolean;
+    mobileBreakpoint?: number;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+export interface MSidebarHeaderProps {
+    bordered?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+export interface MSidebarBodyProps {
+    className?: string;
+    children: ReactNode;
+}
+export interface MSidebarNavProps {
+    className?: string;
+    children: ReactNode;
+}
+export interface MSidebarItemProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    href?: string;
+    to?: string;
+    onClick?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: ReactNode;
+    color?: MineralColor;
+    component?: ElementType;
+    className?: string;
+}
+export interface MSidebarGroupProps {
+    label: string;
+    icon?: ReactNode;
+    active?: boolean;
+    defaultOpen?: boolean;
+    collapsible?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export interface MSidebarFooterProps {
+    bordered?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+export interface MSidebarDividerProps {
+    className?: string;
+    spacing?: 'sm' | 'md' | 'lg';
+}

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

@@ -0,0 +1,2 @@
+export { MSidebar, MSidebarHeader, MSidebarBody, MSidebarNav, MSidebarItem, MSidebarGroup, MSidebarFooter, MSidebarDivider, } from './MSidebar';
+export type { MSidebarProps, MSidebarHeaderProps, MSidebarBodyProps, MSidebarNavProps, MSidebarItemProps, MSidebarGroupProps, MSidebarFooterProps, MSidebarDividerProps, MSidebarMode, } from './MSidebar.types';

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

@@ -0,0 +1,2 @@
+import { MSubNavProps } from './MSubNav.types';
+export declare function MSubNav({ items, active, onChange, component, className, ...rest }: MSubNavProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+export interface MSubNavItem {
+    label: ReactNode;
+    value: string;
+    icon?: ReactNode;
+    href?: string;
+    disabled?: boolean;
+}
+export interface MSubNavProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    items: MSubNavItem[];
+    active?: string;
+    onChange?: (value: string) => void;
+    component?: ElementType;
+}