@banzamel/mineralui 0.10.3 → 1.0.0

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

@@ -0,0 +1,48 @@
+import { ChangeEvent, CSSProperties, FocusEvent, KeyboardEvent, ReactNode } from 'react';
+import { MColor, MSize } from '../../../theme';
+import { MClickEffect } from '../../../utils/useInteractionEffect';
+export type MInputVariant = 'outlined' | 'filled' | 'underlined';
+export interface MInputProps {
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'time';
+    value?: string | number;
+    defaultValue?: string | number;
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    variant?: MInputVariant;
+    size?: MSize;
+    color?: MColor;
+    fullWidth?: boolean;
+    rounded?: boolean;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    clearable?: boolean;
+    error?: boolean;
+    success?: boolean;
+    maxLength?: number;
+    showCharCount?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    ghostOptions?: string[];
+    ghostMinChars?: number;
+    onGhostAccept?: (value: string) => void;
+    loading?: boolean;
+    clickEffect?: MClickEffect;
+    rippleColor?: string;
+    className?: string;
+    style?: CSSProperties;
+    inputClassName?: string;
+    labelClassName?: string;
+}

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

@@ -0,0 +1,2 @@
+export { MInput } from './MInput';
+export type { MInputProps, MInputVariant } from './MInput.types';

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

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

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

@@ -0,0 +1,12 @@
+import { MInputProps } from '../MInput';
+import { CreditCardBrand } from '../../../utils/creditCards';
+import { ValidationResult } from '../../../utils/validators';
+export interface MInputCreditCardProps extends Omit<MInputProps, 'type' | 'inputMode' | 'startIcon' | 'endIcon'> {
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    showBrandIcon?: boolean;
+    showValidIcon?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+    onCardBrandChange?: (brand: CreditCardBrand) => void;
+    onValueChange?: (rawValue: string, formattedValue: string, brand: CreditCardBrand) => void;
+}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { MInputProps } from '../MInput';
+export interface MInputCurrencyProps extends Omit<MInputProps, 'type'> {
+    currency?: string;
+    currencySymbol?: string;
+    currencyPosition?: 'start' | 'end';
+    decimalSeparator?: '.' | ',';
+    thousandSeparator?: ' ' | '.' | ',' | '';
+    precision?: number;
+    min?: number;
+    max?: number;
+    allowNegative?: boolean;
+    onValueChange?: (value: number | null) => void;
+}

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { MInputProps } from '../MInput';
+import { ValidationResult } from '../../../utils/validators';
+export type MDateFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
+export interface MInputDateProps extends Omit<MInputProps, 'type' | 'maxLength' | 'showCharCount'> {
+    format?: MDateFormat;
+    separator?: '/' | '.' | '-';
+    minDate?: Date;
+    maxDate?: Date;
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    onDateChange?: (date: Date | null, raw: string) => void;
+    onValidationChange?: (result: ValidationResult) => void;
+}

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

@@ -0,0 +1,2 @@
+export { MInputDate } from './MInputDate';
+export type { MInputDateProps, MDateFormat } from './MInputDate.types';

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

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

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

@@ -0,0 +1,8 @@
+import { MInputProps } from '../MInput';
+import { ValidationResult } from '../../../utils/validators';
+export interface MInputEmailProps extends Omit<MInputProps, 'type'> {
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+    showValidIcon?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+}

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

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

package/dist/components/inputs/MInputFile/MCropEditor.d.ts

@@ -0,0 +1,11 @@
+import { MInputFileCropShape } from './MInputFile.types';
+interface MCropEditorProps {
+    file: File;
+    shape: MInputFileCropShape;
+    outputSize: number;
+    quality: number;
+    onCrop: (cropped: File) => void;
+    onCancel: () => void;
+}
+export declare function MCropEditor({ file, shape, outputSize, quality, onCrop, onCancel }: MCropEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,31 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import { MColor, MSize } from '../../../theme';
+export type MInputFileCropShape = 'square' | 'circle';
+export interface MInputFileCropOptions {
+    shape?: MInputFileCropShape;
+    outputSize?: number;
+    quality?: number;
+}
+export interface MInputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    onChange?: (files: File[]) => void;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    color?: MColor;
+    size?: MSize;
+    preview?: boolean;
+    clearable?: boolean;
+    icon?: ReactNode;
+    placeholder?: string;
+    dropText?: string;
+    fullWidth?: boolean;
+    crop?: MInputFileCropOptions | boolean;
+    onClear?: () => void;
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,2 @@
+export { MInputFile } from './MInputFile';
+export type { MInputFileProps, MInputFileCropOptions, MInputFileCropShape } from './MInputFile.types';

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

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { MInputProps } from '../MInput';
+export interface MInputGroupAddon {
+    type: 'text' | 'icon' | 'button' | 'checkbox';
+    content: ReactNode;
+    onClick?: () => void;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export type MInputGroupSlot = MInputGroupAddon | ReactNode;
+export interface MInputGroupProps extends Omit<MInputProps, 'startIcon' | 'endIcon' | 'rounded'> {
+    prepend?: MInputGroupSlot | MInputGroupSlot[];
+    append?: MInputGroupSlot | MInputGroupSlot[];
+}

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

@@ -0,0 +1,2 @@
+export { MInputGroup } from './MInputGroup';
+export type { MInputGroupProps, MInputGroupAddon, MInputGroupSlot } from './MInputGroup.types';

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { MInputProps } from '../MInput';
+import { ValidationResult } from '../../../utils/validators';
+export interface MInputNameProps extends Omit<MInputProps, 'type'> {
+    autoCapitalize?: boolean;
+    allowNumbers?: boolean;
+    allowSpecialChars?: boolean;
+    minWords?: number;
+    validateOnBlur?: boolean;
+    onValidationChange?: (result: ValidationResult) => void;
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { MInputProps } from '../MInput';
+export interface MInputNumberProps extends Omit<MInputProps, 'type'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    showStepper?: boolean;
+    precision?: number;
+    allowNegative?: boolean;
+    onValueChange?: (value: number | null) => void;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { MInputPassword } from './MInputPassword';
+export type { MInputPasswordProps, MPasswordStrength } from './MInputPassword.types';

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { MInputGroupProps } from '../MInputGroup';
+import { ValidationResult } from '../../../utils/validators';
+export interface MInputPostCodeProps extends Omit<MInputGroupProps, '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/MInputPostCode/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { MInputTaxId } from './MInputTaxId';
+export type { MInputTaxIdProps, MTaxIdType } from './MInputTaxId.types';

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

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

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

@@ -0,0 +1,40 @@
+import { ChangeEvent, FocusEvent, CSSProperties } from 'react';
+import { MColor, MSize } from '../../../theme';
+export type MTextareaVariant = 'outlined' | 'filled' | 'underlined';
+export interface MTextareaProps {
+    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?: MTextareaVariant;
+    size?: MSize;
+    color?: MColor;
+    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/MTextarea/index.d.ts

@@ -0,0 +1,2 @@
+export { MTextarea } from './MTextarea';
+export type { MTextareaProps, MTextareaVariant } from './MTextarea.types';

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

@@ -1,34 +1,36 @@
-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';
+export { MInput } from './MInput';
+export type { MInputProps, MInputVariant } from './MInput';
+export { MTextarea } from './MTextarea';
+export type { MTextareaProps, MTextareaVariant } from './MTextarea';
+export { MInputPassword } from './MInputPassword';
+export type { MInputPasswordProps, MPasswordStrength } from './MInputPassword';
+export { MInputNumber } from './MInputNumber';
+export type { MInputNumberProps } from './MInputNumber';
+export { MInputSearch } from './MInputSearch';
+export type { MInputSearchProps } from './MInputSearch';
+export { MInputEmail } from './MInputEmail';
+export type { MInputEmailProps } from './MInputEmail';
+export { MInputPhone } from './MInputPhone';
+export type { MInputPhoneProps } from './MInputPhone';
+export { MInputName } from './MInputName';
+export type { MInputNameProps } from './MInputName';
+export { MInputIBAN } from './MInputIBAN';
+export type { MInputIBANProps } from './MInputIBAN';
+export { MInputTaxId } from './MInputTaxId';
+export type { MInputTaxIdProps, MTaxIdType } from './MInputTaxId';
+export { MInputCurrency } from './MInputCurrency';
+export type { MInputCurrencyProps } from './MInputCurrency';
+export { MInputDate } from './MInputDate';
+export type { MInputDateProps, MDateFormat } from './MInputDate';
+export { MInputCreditCard } from './MInputCreditCard';
+export type { MInputCreditCardProps } from './MInputCreditCard';
+export { MInputGroup } from './MInputGroup';
+export type { MInputGroupProps, MInputGroupAddon, MInputGroupSlot } from './MInputGroup';
+export { MInputPostCode } from './MInputPostCode';
+export type { MInputPostCodeProps } from './MInputPostCode';
+export { MInputOTP } from './MInputOTP';
+export type { MInputOTPProps } from './MInputOTP';
+export { MInputSlider } from './MInputSlider';
+export type { MInputSliderProps } from './MInputSlider';
+export { MInputFile } from './MInputFile';
+export type { MInputFileProps, MInputFileCropOptions, MInputFileCropShape } from './MInputFile';

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

@@ -0,0 +1,4 @@
+import { MAppShellProps, MBodyProps } from './MAppShell.types';
+import type * as React from 'react';
+export declare const MAppShell: React.ForwardRefExoticComponent<MAppShellProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MBody: React.ForwardRefExoticComponent<MBodyProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,2 @@
+export { MAppShell, MBody } from './MAppShell';
+export type { MAppShellProps, MBodyProps } from './MAppShell.types';

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { MContainer } from './MContainer';
+export type { MContainerProps, MContainerSize } from './MContainer.types';

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

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