@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.21

package/lib/components/Input/InputDescription/InputDescription.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
 export type InputDescriptionStylesNames = 'description';
-export type InputDescriptionVariant = string;
 export type InputDescriptionCssVariables = {
     description: '--input-description-size';
 };
@@ -14,12 +13,10 @@ export type InputDescriptionFactory = Factory<{
     ref: HTMLParagraphElement;
     stylesNames: InputDescriptionStylesNames;
     vars: InputDescriptionCssVariables;
-    variant: InputDescriptionVariant;
 }>;
 export declare const InputDescription: import("../../../core").MantineComponent<{
     props: InputDescriptionProps;
     ref: HTMLParagraphElement;
     stylesNames: InputDescriptionStylesNames;
     vars: InputDescriptionCssVariables;
-    variant: InputDescriptionVariant;
 }>;

package/lib/components/Input/InputError/InputError.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
 export type InputErrorStylesNames = 'error';
-export type InputErrorVariant = string;
 export type InputErrorCssVariables = {
     error: '--input-error-size';
 };
@@ -14,12 +13,10 @@ export type InputErrorFactory = Factory<{
     ref: HTMLParagraphElement;
     stylesNames: InputErrorStylesNames;
     vars: InputErrorCssVariables;
-    variant: InputErrorVariant;
 }>;
 export declare const InputError: import("../../../core").MantineComponent<{
     props: InputErrorProps;
     ref: HTMLParagraphElement;
     stylesNames: InputErrorStylesNames;
     vars: InputErrorCssVariables;
-    variant: InputErrorVariant;
 }>;

package/lib/components/Input/InputLabel/InputLabel.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
 export type InputLabelStylesNames = 'label' | 'required';
-export type InputLabelVariant = string;
 export type InputLabelCssVariables = {
     label: '--input-asterisk-color' | '--input-label-size';
 };
@@ -18,12 +17,10 @@ export type InputLabelFactory = Factory<{
     ref: HTMLLabelElement;
     stylesNames: InputLabelStylesNames;
     vars: InputLabelCssVariables;
-    variant: InputLabelVariant;
 }>;
 export declare const InputLabel: import("../../../core").MantineComponent<{
     props: InputLabelProps;
     ref: HTMLLabelElement;
     stylesNames: InputLabelStylesNames;
     vars: InputLabelCssVariables;
-    variant: InputLabelVariant;
 }>;

package/lib/components/Input/InputPlaceholder/InputPlaceholder.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
 export type InputPlaceholderStylesNames = 'placeholder';
-export type InputPlaceholderVariant = string;
 export interface InputPlaceholderProps extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {
     __staticSelector?: string;
 }
@@ -8,11 +7,9 @@ export type InputPlaceholderFactory = Factory<{
     props: InputPlaceholderProps;
     ref: HTMLSpanElement;
     stylesNames: InputPlaceholderStylesNames;
-    variant: InputPlaceholderVariant;
 }>;
 export declare const InputPlaceholder: import("../../../core").MantineComponent<{
     props: InputPlaceholderProps;
     ref: HTMLSpanElement;
     stylesNames: InputPlaceholderStylesNames;
-    variant: InputPlaceholderVariant;
 }>;

package/lib/components/Input/InputWrapper/InputWrapper.d.ts

@@ -16,11 +16,11 @@ export interface __InputWrapperProps {
     required?: boolean;
     /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */
     withAsterisk?: boolean;
-    /** Props spread to the `Input.Label` component */
+    /** Props passed down to the `Input.Label` component */
     labelProps?: Record<string, any>;
-    /** Props spread to the `Input.Description` component */
+    /** Props passed down to the `Input.Description` component */
     descriptionProps?: Record<string, any>;
-    /** Props spread to the `InputError` component */
+    /** Props passed down to the `InputError` component */
     errorProps?: Record<string, any>;
     /** Input container component, defaults to `React.Fragment` */
     inputContainer?(children: React.ReactNode): React.ReactNode;

package/lib/components/Input/InputWrapper.context.d.ts

@@ -5,8 +5,11 @@ interface InputWrapperContextValue {
     offsetTop: boolean;
     offsetBottom: boolean;
     describedBy: string | undefined;
+    inputId: string | undefined;
     getStyles: GetStylesApi<InputWrapperFactory> | null;
 }
-export declare const InputWrapperProvider: import("react").Provider<InputWrapperContextValue>;
-export declare const useInputWrapperContext: () => InputWrapperContextValue;
+export declare const InputWrapperProvider: ({ children, value }: {
+    value: InputWrapperContextValue;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useInputWrapperContext: () => InputWrapperContextValue | null;
 export {};

package/lib/components/Input/index.d.ts

@@ -1,8 +1,14 @@
 export { Input } from './Input';
+export { InputWrapper } from './InputWrapper/InputWrapper';
+export { InputDescription } from './InputDescription/InputDescription';
+export { InputError } from './InputError/InputError';
+export { InputLabel } from './InputLabel/InputLabel';
+export { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';
 export { useInputProps } from './use-input-props';
+export { useInputWrapperContext } from './InputWrapper.context';
 export type { __InputProps, __BaseInputProps, __InputStylesNames, InputCssVariables, InputFactory, InputProps, InputStylesNames, InputVariant, } from './Input';
 export type { __InputWrapperProps, InputWrapperFactory, InputWrapperProps, InputWrapperStylesNames, } from './InputWrapper/InputWrapper';
-export type { InputDescriptionCssVariables, InputDescriptionFactory, InputDescriptionProps, InputDescriptionStylesNames, InputDescriptionVariant, } from './InputDescription/InputDescription';
-export type { InputErrorCssVariables, InputErrorFactory, InputErrorProps, InputErrorStylesNames, InputErrorVariant, } from './InputError/InputError';
-export type { InputLabelCssVariables, InputLabelFactory, InputLabelProps, InputLabelStylesNames, InputLabelVariant, } from './InputLabel/InputLabel';
-export type { InputPlaceholderFactory, InputPlaceholderProps, InputPlaceholderStylesNames, InputPlaceholderVariant, } from './InputPlaceholder/InputPlaceholder';
+export type { InputDescriptionCssVariables, InputDescriptionFactory, InputDescriptionProps, InputDescriptionStylesNames, } from './InputDescription/InputDescription';
+export type { InputErrorCssVariables, InputErrorFactory, InputErrorProps, InputErrorStylesNames, } from './InputError/InputError';
+export type { InputLabelCssVariables, InputLabelFactory, InputLabelProps, InputLabelStylesNames, } from './InputLabel/InputLabel';
+export type { InputPlaceholderFactory, InputPlaceholderProps, InputPlaceholderStylesNames, } from './InputPlaceholder/InputPlaceholder';

package/lib/components/Input/use-input-props.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+/// <reference types="react" />
 import { BoxProps, StylesApiProps } from '../../core';
 import { __BaseInputProps } from './Input';
 interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
@@ -8,36 +10,36 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "size" | "variant" | "error" | "className" | "id" | "classNames" | "styles" | "vars" | "description" | "required" | "unstyled" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "size" | "style" | "label" | "className" | "id" | "styles" | "vars" | "variant" | "classNames" | "unstyled" | "error" | "description" | "required" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
     wrapperProps: {
-        children?: import("react").ReactNode;
-        slot?: string | undefined;
+        color?: string | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
         style: import("../../core").MantineStyleProp;
+        hidden?: boolean | undefined;
+        slot?: string | undefined;
         title?: string | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        dir?: string | undefined;
-        color?: string | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
         className: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
         contextMenu?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        id: string;
+        dir?: string | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         placeholder?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
         tabIndex?: number | undefined;
-        translate?: "yes" | "no" | undefined;
         radioGroup?: string | undefined;
         role?: import("react").AriaRole | undefined;
         about?: string | undefined;
@@ -45,7 +47,9 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         inlist?: any;
         prefix?: string | undefined;
         property?: string | undefined;
+        rel?: string | undefined;
         resource?: string | undefined;
+        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -59,58 +63,64 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "none" | "text" | "search" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+        'aria-atomic'?: (boolean | "false" | "true") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+        'aria-braillelabel'?: string | undefined;
+        'aria-brailleroledescription'?: string | undefined;
+        'aria-busy'?: (boolean | "false" | "true") | undefined;
+        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
         'aria-colcount'?: number | undefined;
         'aria-colindex'?: number | undefined;
+        'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
         'aria-describedby'?: string | undefined;
+        'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        'aria-disabled'?: (boolean | "false" | "true") | undefined;
+        'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-expanded'?: (boolean | "false" | "true") | undefined;
         'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        'aria-hidden'?: (boolean | "true" | "false") | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-grabbed'?: (boolean | "false" | "true") | undefined;
+        'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+        'aria-hidden'?: (boolean | "false" | "true") | undefined;
+        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
         'aria-level'?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "vertical" | "horizontal" | undefined;
+        'aria-modal'?: (boolean | "false" | "true") | undefined;
+        'aria-multiline'?: (boolean | "false" | "true") | undefined;
+        'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
         'aria-owns'?: string | undefined;
         'aria-placeholder'?: string | undefined;
         'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
+        'aria-readonly'?: (boolean | "false" | "true") | undefined;
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "false" | "true") | undefined;
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
         'aria-rowindex'?: number | undefined;
+        'aria-rowindextext'?: string | undefined;
         'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-selected'?: (boolean | "false" | "true") | undefined;
         'aria-setsize'?: number | undefined;
         'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
         'aria-valuemax'?: number | undefined;
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
-            __html: string;
+            __html: string | TrustedHTML;
         } | undefined;
         onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -144,6 +154,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -285,7 +296,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         descriptionProps: Record<string, any> | undefined;
         unstyled: boolean | undefined;
         styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
-        size: (string & {}) | import("../../core").MantineSize | undefined;
+        size: import("../../core").MantineSize | (string & {}) | undefined;
         inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
         inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
         withAsterisk: boolean | undefined;
@@ -296,8 +307,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
         styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
         unstyled: boolean | undefined;
-        id: string;
-        size: (string & {}) | import("../../core").MantineSize | undefined;
+        size: import("../../core").MantineSize | (string & {}) | undefined;
         __staticSelector: string | undefined;
         __stylesApiProps: Record<string, any>;
         error: import("react").ReactNode;

package/lib/components/InputBase/InputBase.d.ts

@@ -3,8 +3,13 @@ import { BoxProps, StylesApiProps, PolymorphicFactory } from '../../core';
 import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
 export interface InputBaseProps extends BoxProps, __BaseInputProps, StylesApiProps<InputBaseFactory> {
     __staticSelector?: string;
+    __stylesApiProps?: Record<string, any>;
     /** Props passed to the root element (`Input.Wrapper` component) */
     wrapperProps?: Record<string, any>;
+    /** Determines whether the input can have multiple lines, for example when `component="textarea"`, `false` by default */
+    multiline?: boolean;
+    /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */
+    withAria?: boolean;
 }
 export type InputBaseFactory = PolymorphicFactory<{
     props: InputBaseProps;
@@ -25,4 +30,10 @@ export declare const InputBase: (<C = "input">(props: import("../../core/factory
     defaultComponent: 'input';
     stylesNames: __InputStylesNames;
     variant: InputVariant;
+}> & import("../../core/factory/factory").ComponentClasses<{
+    props: InputBaseProps;
+    defaultRef: HTMLInputElement;
+    defaultComponent: 'input';
+    stylesNames: __InputStylesNames;
+    variant: InputVariant;
 }> & Record<string, never>;

package/lib/components/JsonInput/JsonInput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Factory } from '../../core';
+import { TextareaProps } from '../Textarea';
+import { __InputStylesNames } from '../Input';
+export interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {
+    /** Value for controlled component */
+    value?: string;
+    /** Default value for uncontrolled component */
+    defaultValue?: string;
+    /** Called when value changes */
+    onChange?(value: string): void;
+    /** Determines whether the value should be formatted on blur, `false` by default */
+    formatOnBlur?: boolean;
+    /** Error message displayed when value is not valid JSON */
+    validationError?: React.ReactNode;
+    /** Function to serialize value into a string, used for value formatting, `JSON.stringify` by default */
+    serialize?: typeof JSON.stringify;
+    /** Function to deserialize string value, used for value formatting and input JSON validation, must throw error if string cannot be processed, `JSON.parse` by default */
+    deserialize?: typeof JSON.parse;
+}
+export type JsonInputFactory = Factory<{
+    props: JsonInputProps;
+    ref: HTMLInputElement;
+    stylesNames: __InputStylesNames;
+}>;
+export declare const JsonInput: import("../../core").MantineComponent<{
+    props: JsonInputProps;
+    ref: HTMLInputElement;
+    stylesNames: __InputStylesNames;
+}>;

package/lib/components/JsonInput/index.d.ts

@@ -0,0 +1,2 @@
+export { JsonInput } from './JsonInput';
+export type { JsonInputFactory, JsonInputProps } from './JsonInput';

package/lib/components/JsonInput/validate-json/validate-json.d.ts

@@ -0,0 +1 @@
+export declare function validateJson(value: string, deserialize: typeof JSON.parse): boolean;

package/lib/components/Kbd/Kbd.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../core';
 export type KbdStylesNames = 'root';
-export type KbdVariant = string;
 export type KbdCssVariables = {
     root: '--kbd-padding' | '--kbd-fz';
 };
@@ -13,12 +12,10 @@ export type KbdFactory = Factory<{
     ref: HTMLElement;
     stylesNames: KbdStylesNames;
     vars: KbdCssVariables;
-    variant: KbdVariant;
 }>;
 export declare const Kbd: import("../../core").MantineComponent<{
     props: KbdProps;
     ref: HTMLElement;
     stylesNames: KbdStylesNames;
     vars: KbdCssVariables;
-    variant: KbdVariant;
 }>;

package/lib/components/Kbd/index.d.ts

@@ -1,2 +1,2 @@
 export { Kbd } from './Kbd';
-export type { KbdCssVariables, KbdFactory, KbdProps, KbdStylesNames, KbdVariant } from './Kbd';
+export type { KbdCssVariables, KbdFactory, KbdProps, KbdStylesNames } from './Kbd';

package/lib/components/Loader/Loader.d.ts

@@ -2,12 +2,11 @@ import React from 'react';
 import { MantineSize, MantineColor, BoxProps, StylesApiProps, Factory } from '../../core';
 import type { MantineLoader, MantineLoadersRecord } from './Loader.types';
 export type LoaderStylesNames = 'root';
-export type LoaderVariant = string;
 export type LoaderCssVariables = {
     root: '--loader-size' | '--loader-color';
 };
 export interface LoaderProps extends BoxProps, StylesApiProps<LoaderFactory>, Omit<React.ComponentPropsWithoutRef<'svg'>, keyof BoxProps> {
-    /** Width/height of the loader. Loader has predefined xs-xl values, number value (in px) is converted to rem `(1rem = 16px)`. */
+    /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. Default value is `'md'` */
     size?: MantineSize | (string & {}) | number;
     /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */
     color?: MantineColor;

package/lib/components/LoadingOverlay/LoadingOverlay.d.ts

@@ -0,0 +1,32 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { TransitionOverride } from '../Transition';
+import { LoaderProps } from '../Loader';
+import { OverlayProps } from '../Overlay';
+export type LoadingOverlayStylesNames = 'root' | 'loader' | 'overlay';
+export type LoadingOverlayCssVariables = {
+    root: '--lo-z-index';
+};
+export interface LoadingOverlayProps extends BoxProps, StylesApiProps<LoadingOverlayFactory>, ElementProps<'div'> {
+    /** Props passed down to `Transition` component, `{ transition: 'fade', duration: 0 }` by default */
+    transitionProps?: TransitionOverride;
+    /** Props passed down to `Loader` component */
+    loaderProps?: LoaderProps;
+    /** Props passed down to `Overlay` component */
+    overlayProps?: OverlayProps;
+    /** Determines whether the overlay should be visible, `false` by default */
+    visible?: boolean;
+    /** Controls overlay `z-index`, `400` by default */
+    zIndex?: string | number;
+}
+export type LoadingOverlayFactory = Factory<{
+    props: LoadingOverlayProps;
+    ref: HTMLDivElement;
+    stylesNames: LoadingOverlayStylesNames;
+    vars: LoadingOverlayCssVariables;
+}>;
+export declare const LoadingOverlay: import("../../core").MantineComponent<{
+    props: LoadingOverlayProps;
+    ref: HTMLDivElement;
+    stylesNames: LoadingOverlayStylesNames;
+    vars: LoadingOverlayCssVariables;
+}>;

package/lib/components/LoadingOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingOverlay } from './LoadingOverlay';
+export type { LoadingOverlayProps, LoadingOverlayCssVariables, LoadingOverlayFactory, LoadingOverlayStylesNames, } from './LoadingOverlay';

package/lib/components/Mark/Mark.d.ts

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, MantineColor, Factory } from '../../core';
 export type MarkStylesNames = 'root';
-export type MarkVariant = string;
 export type MarkCssVariables = {
     root: '--mark-bg-dark' | '--mark-bg-light';
 };

package/lib/components/Menu/Menu.context.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { GetStylesApi } from '../../core';
+import type { MenuFactory } from './Menu';
+interface MenuContext {
+    toggleDropdown(): void;
+    closeDropdownImmediately(): void;
+    closeDropdown(): void;
+    openDropdown(): void;
+    getItemIndex(node: HTMLButtonElement): number | null;
+    setHovered(index: number | null): void;
+    hovered: number | null;
+    closeOnItemClick: boolean | undefined;
+    loop: boolean | undefined;
+    trigger: 'click' | 'hover' | undefined;
+    opened: boolean;
+    getStyles: GetStylesApi<MenuFactory>;
+}
+export declare const MenuContextProvider: ({ children, value }: {
+    value: MenuContext;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useMenuContext: () => MenuContext;
+export {};

package/lib/components/Menu/Menu.d.ts

@@ -0,0 +1,84 @@
+import React from 'react';
+import { StylesApiProps, Factory } from '../../core';
+import { __PopoverProps, PopoverStylesNames } from '../Popover';
+export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'label' | 'divider' | PopoverStylesNames;
+export type MenuFactory = Factory<{
+    props: MenuProps;
+    ref: HTMLDivElement;
+    stylesNames: MenuStylesNames;
+}>;
+export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
+    variant?: string;
+    /** Menu content */
+    children?: React.ReactNode;
+    /** Controlled menu opened state */
+    opened?: boolean;
+    /** Uncontrolled menu initial opened state */
+    defaultOpened?: boolean;
+    /** Called when menu opened state changes */
+    onChange?(opened: boolean): void;
+    /** Called when Menu is opened */
+    onOpen?(): void;
+    /** Called when Menu is closed */
+    onClose?(): void;
+    /** Determines whether Menu should be closed when item is clicked */
+    closeOnItemClick?: boolean;
+    /** Determines whether arrow key presses should loop though items (first to last and last to first) */
+    loop?: boolean;
+    /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */
+    closeOnEscape?: boolean;
+    /** Event which should open menu */
+    trigger?: 'click' | 'hover';
+    /** Open delay in ms, applicable only to trigger="hover" variant */
+    openDelay?: number;
+    /** Close delay in ms, applicable only to trigger="hover" variant */
+    closeDelay?: number;
+    /** Determines whether dropdown should be closed on outside clicks, default to true */
+    closeOnClickOutside?: boolean;
+    /** Events that trigger outside clicks */
+    clickOutsideEvents?: string[];
+    /** id base to create accessibility connections */
+    id?: string;
+}
+export declare function Menu(_props: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Menu {
+    var displayName: string;
+    var Item: (<C = "button">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, import("./MenuItem/MenuItem").MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(import("./MenuItem/MenuItem").MenuItemProps & {
+        component?: any;
+    } & Omit<Omit<any, "ref">, "component" | keyof import("./MenuItem/MenuItem").MenuItemProps> & {
+        ref?: any;
+    }) | (import("./MenuItem/MenuItem").MenuItemProps & {
+        component: React.ElementType<any>;
+    })>, never> & import("../../core/factory/factory").ThemeExtend<{
+        props: import("./MenuItem/MenuItem").MenuItemProps;
+        defaultRef: HTMLButtonElement;
+        defaultComponent: "button";
+        stylesNames: import("./MenuItem/MenuItem").MenuItemStylesNames;
+        compound: true;
+    }> & import("../../core/factory/factory").ComponentClasses<{
+        props: import("./MenuItem/MenuItem").MenuItemProps;
+        defaultRef: HTMLButtonElement;
+        defaultComponent: "button";
+        stylesNames: import("./MenuItem/MenuItem").MenuItemStylesNames;
+        compound: true;
+    }> & Record<string, never>;
+    var Label: import("../../core").MantineComponent<{
+        props: import("./MenuLabel/MenuLabel").MenuLabelProps;
+        ref: HTMLDivElement;
+        stylesNames: "label";
+        compound: true;
+    }>;
+    var Dropdown: import("../../core").MantineComponent<{
+        props: import("./MenuDropdown/MenuDropdown").MenuDropdownProps;
+        ref: HTMLDivElement;
+        stylesNames: "dropdown";
+        compound: true;
+    }>;
+    var Target: React.ForwardRefExoticComponent<import("./MenuTarget/MenuTarget").MenuTargetProps & React.RefAttributes<HTMLElement>>;
+    var Divider: import("../../core").MantineComponent<{
+        props: import("./MenuDivider/MenuDivider").MenuDividerProps;
+        ref: HTMLDivElement;
+        stylesNames: "divider";
+        compound: true;
+    }>;
+}

package/lib/components/Menu/MenuDivider/MenuDivider.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type MenuDividerStylesNames = 'divider';
+export interface MenuDividerProps extends BoxProps, StylesApiProps<MenuDividerFactory>, ElementProps<'div'> {
+}
+export type MenuDividerFactory = Factory<{
+    props: MenuDividerProps;
+    ref: HTMLDivElement;
+    stylesNames: MenuDividerStylesNames;
+    compound: true;
+}>;
+export declare const MenuDivider: import("../../../core").MantineComponent<{
+    props: MenuDividerProps;
+    ref: HTMLDivElement;
+    stylesNames: MenuDividerStylesNames;
+    compound: true;
+}>;

package/lib/components/Menu/MenuDropdown/MenuDropdown.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type MenuDropdownStylesNames = 'dropdown';
+export interface MenuDropdownProps extends BoxProps, StylesApiProps<MenuDropdownFactory>, ElementProps<'div'> {
+}
+export type MenuDropdownFactory = Factory<{
+    props: MenuDropdownProps;
+    ref: HTMLDivElement;
+    stylesNames: MenuDropdownStylesNames;
+    compound: true;
+}>;
+export declare const MenuDropdown: import("../../../core").MantineComponent<{
+    props: MenuDropdownProps;
+    ref: HTMLDivElement;
+    stylesNames: MenuDropdownStylesNames;
+    compound: true;
+}>;