@mantine/core 7.8.0 → 7.8.1-alpha.0

package/lib/components/Image/Image.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type ImageStylesNames = 'root';
 export type ImageCssVariables = {
@@ -23,14 +22,13 @@ export type ImageFactory = PolymorphicFactory<{
     stylesNames: ImageStylesNames;
     vars: ImageCssVariables;
 }>;
-export declare const Image: (<C = "img">(props: import("../../core").PolymorphicComponentProps<C, ImageProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ImageProps & {
+export declare const Image: (<C = "img">(props: import("../../core").PolymorphicComponentProps<C, ImageProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ImageProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ImageProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (ImageProps & {
-    component: React.ElementType<any>;
-    /** Image url */
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ImageProps;

package/lib/components/Indicator/Indicator.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 import { IndicatorPosition } from './Indicator.types';
 export type IndicatorPositionVariables = '--indicator-top' | '--indicator-bottom' | '--indicator-left' | '--indicator-right' | '--indicator-translate-x' | '--indicator-translate-y';

package/lib/components/InlineInput/InlineInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 export declare const InlineInputClasses: any;
 export type InlineInputStylesNames = 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
@@ -19,4 +18,4 @@ export type InlineInputFactory = Factory<{
     props: any;
     stylesNames: InlineInputStylesNames;
 }>;
-export declare const InlineInput: React.ForwardRefExoticComponent<InlineInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InlineInput: import("react").ForwardRefExoticComponent<InlineInputProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 import { InputDescription } from './InputDescription/InputDescription';
 import { InputError } from './InputError/InputError';
@@ -80,13 +79,13 @@ export type InputFactory = PolymorphicFactory<{
         Wrapper: typeof InputWrapper;
     };
 }>;
-export declare const Input: (<C = "input">(props: import("../../core").PolymorphicComponentProps<C, InputProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(InputProps & {
+export declare const Input: (<C = "input">(props: import("../../core").PolymorphicComponentProps<C, InputProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(InputProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (InputProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: InputProps;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type InputPlaceholderStylesNames = 'placeholder';
 export interface InputPlaceholderProps extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 import { InputDescriptionCssVariables, InputDescriptionStylesNames } from '../InputDescription/InputDescription';
 import { InputErrorCssVariables, InputErrorStylesNames } from '../InputError/InputError';

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

@@ -11,5 +11,5 @@ interface InputWrapperContextValue {
 export declare const InputWrapperProvider: ({ children, value }: {
     value: InputWrapperContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useInputWrapperContext: () => InputWrapperContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useInputWrapperContext: () => InputWrapperContextValue | null;
 export {};

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

@@ -8,7 +8,7 @@ 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" | "styles" | "className" | "id" | "vars" | "variant" | "unstyled" | "classNames" | "required" | "mod" | "error" | "description" | "__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]>; }, "classNames" | "unstyled" | "className" | "variant" | "vars" | "style" | "styles" | "size" | "mod" | "label" | "id" | "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("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface InputBaseProps extends BoxProps, __BaseInputProps, StylesApiProps<InputBaseFactory> {
@@ -18,13 +17,13 @@ export type InputBaseFactory = PolymorphicFactory<{
     stylesNames: __InputStylesNames;
     variant: InputVariant;
 }>;
-export declare const InputBase: (<C = "input">(props: import("../../core").PolymorphicComponentProps<C, InputBaseProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(InputBaseProps & {
+export declare const InputBase: (<C = "input">(props: import("../../core").PolymorphicComponentProps<C, InputBaseProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(InputBaseProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputBaseProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (InputBaseProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: InputBaseProps;

package/lib/components/InputsGroupFieldset/InputsGroupFieldset.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 interface InputsGroupFieldsetProps {
     children: React.ReactNode;
     role: 'radiogroup' | 'group';
 }
-export declare function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps): React.JSX.Element;
+export declare function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory } from '../../core';
 import { __InputStylesNames } from '../Input';
 import { TextareaProps } from '../Textarea';

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

@@ -8,5 +8,5 @@ interface ListContextValue {
 export declare const ListProvider: ({ children, value }: {
     value: ListContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useListContext: () => ListContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useListContext: () => ListContextValue;
 export {};

package/lib/components/List/List.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
 import { ListItem, ListItemStylesNames } from './ListItem/ListItem';
 export type ListStylesNames = 'root' | ListItemStylesNames;

package/lib/components/List/ListItem/ListItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type ListItemStylesNames = 'item' | 'itemWrapper' | 'itemIcon' | 'itemLabel';
 export interface ListItemProps extends BoxProps, CompoundStylesApiProps<ListItemFactory>, ElementProps<'li'> {

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
 import type { MantineLoader, MantineLoadersRecord } from './Loader.types';
 export type LoaderStylesNames = 'root';

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface SvgLoaderProps extends React.ComponentPropsWithoutRef<any> {
 }
 export type MantineLoaderComponent = React.ForwardRefExoticComponent<React.HTMLAttributes<any> & React.RefAttributes<any>>;

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

@@ -21,5 +21,5 @@ interface MenuContext {
 export declare const MenuContextProvider: ({ children, value }: {
     value: MenuContext;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useMenuContext: () => MenuContext;
+}) => import("react/jsx-runtime").JSX.Element, useMenuContext: () => MenuContext;
 export {};

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory, StylesApiProps } from '../../core';
 import { __PopoverProps, PopoverStylesNames } from '../Popover';
 export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'label' | 'divider' | PopoverStylesNames;
@@ -44,7 +43,7 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
     /** Set the `tabindex` on all menu items. Defaults to -1 */
     menuItemTabIndex?: -1 | 0;
 }
-export declare function Menu(_props: MenuProps): React.JSX.Element;
+export declare function Menu(_props: MenuProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Menu {
     var extend: (input: import("../../core/factory/factory").ExtendsRootComponent<{
         props: MenuProps;
@@ -57,13 +56,13 @@ export declare namespace Menu {
     }>;
     var classes: Record<string, string>;
     var displayName: string;
-    var Item: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, import("./MenuItem/MenuItem").MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(import("./MenuItem/MenuItem").MenuItemProps & {
+    var Item: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, import("./MenuItem/MenuItem").MenuItemProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(import("./MenuItem/MenuItem").MenuItemProps & {
         component?: any;
     } & Omit<Omit<any, "ref">, "component" | keyof import("./MenuItem/MenuItem").MenuItemProps> & {
         ref?: any;
         renderRoot?: ((props: any) => any) | undefined;
     }) | (import("./MenuItem/MenuItem").MenuItemProps & {
-        component: React.ElementType<any>;
+        component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
         renderRoot?: ((props: Record<string, any>) => any) | undefined;
     })>, never> & import("../../core/factory/factory").ThemeExtend<{
         props: import("./MenuItem/MenuItem").MenuItemProps;
@@ -90,7 +89,7 @@ export declare namespace Menu {
         stylesNames: "dropdown";
         compound: true;
     }>;
-    var Target: React.ForwardRefExoticComponent<import("./MenuTarget/MenuTarget").MenuTargetProps & React.RefAttributes<HTMLElement>>;
+    var Target: import("react").ForwardRefExoticComponent<import("./MenuTarget/MenuTarget").MenuTargetProps & import("react").RefAttributes<HTMLElement>>;
     var Divider: import("../../core").MantineComponent<{
         props: import("./MenuDivider/MenuDivider").MenuDividerProps;
         ref: HTMLDivElement;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, MantineColor, PolymorphicFactory } from '../../../core';
 export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection';
 export interface MenuItemProps extends BoxProps, CompoundStylesApiProps<MenuItemFactory> {
@@ -22,13 +21,14 @@ export type MenuItemFactory = PolymorphicFactory<{
     stylesNames: MenuItemStylesNames;
     compound: true;
 }>;
-export declare const MenuItem: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(MenuItemProps & {
+export declare const MenuItem: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, MenuItemProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(MenuItemProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof MenuItemProps> & {
+    /** Key of `theme.colors` or any valid CSS color */
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (MenuItemProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{
     props: MenuItemProps;

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

@@ -1,8 +1,7 @@
-import React from 'react';
 export interface MenuTargetProps {
     /** Target element */
     children: React.ReactNode;
     /** Key of the prop that should be used to get element ref */
     refProp?: string;
 }
-export declare const MenuTarget: React.ForwardRefExoticComponent<MenuTargetProps & React.RefAttributes<HTMLElement>>;
+export declare const MenuTarget: import("react").ForwardRefExoticComponent<MenuTargetProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -10,5 +10,5 @@ interface ModalContext {
 export declare const ModalProvider: ({ children, value }: {
     value: ModalContext;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useModalContext: () => ModalContext;
+}) => import("react/jsx-runtime").JSX.Element, useModalContext: () => ModalContext;
 export {};

package/lib/components/Modal/Modal.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory } from '../../core';
 import { ModalBaseCloseButtonProps, ModalBaseOverlayProps } from '../ModalBase';
 import { ModalBody } from './ModalBody';

package/lib/components/Modal/ModalRoot.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory, MantineRadius, StylesApiProps } from '../../core';
 import { ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';
 import { ScrollAreaComponent } from './Modal.context';

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

@@ -18,5 +18,5 @@ interface ModalBaseContextValue {
 export declare const ModalBaseProvider: ({ children, value }: {
     value: ModalBaseContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useModalBaseContext: () => ModalBaseContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useModalBaseContext: () => ModalBaseContextValue;
 export {};

package/lib/components/ModalBase/ModalBase.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
 import { BoxProps, ElementProps, MantineShadow, MantineSize, MantineSpacing } from '../../core';
 import { PortalProps } from '../Portal';
@@ -43,5 +42,5 @@ export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
     /** Props passed down to react-remove-scroll, can be used to customize scroll lock behavior */
     removeScrollProps?: RemoveScrollProps;
 }
-export declare const ModalBase: React.ForwardRefExoticComponent<ModalBaseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBase: import("react").ForwardRefExoticComponent<ModalBaseProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/ModalBase/ModalBaseBody.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { BoxProps, ElementProps } from '../../core';
 export interface ModalBaseBodyProps extends BoxProps, ElementProps<'div'> {
 }
-export declare const ModalBaseBody: React.ForwardRefExoticComponent<ModalBaseBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseBody: import("react").ForwardRefExoticComponent<ModalBaseBodyProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/components/ModalBase/ModalBaseCloseButton.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { BoxProps, ElementProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
 export interface ModalBaseCloseButtonProps extends __CloseButtonProps, BoxProps, ElementProps<'button'> {
 }
-export declare const ModalBaseCloseButton: React.ForwardRefExoticComponent<ModalBaseCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ModalBaseCloseButton: import("react").ForwardRefExoticComponent<ModalBaseCloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/lib/components/ModalBase/ModalBaseContent.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core';
 import { TransitionOverride } from '../Transition';
 export interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {
@@ -12,5 +11,5 @@ export interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {
 interface _ModalBaseContentProps extends ModalBaseContentProps {
     innerProps: React.ComponentPropsWithoutRef<'div'>;
 }
-export declare const ModalBaseContent: React.ForwardRefExoticComponent<_ModalBaseContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseContent: import("react").ForwardRefExoticComponent<_ModalBaseContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/ModalBase/ModalBaseHeader.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { BoxProps, ElementProps } from '../../core';
 export interface ModalBaseHeaderProps extends BoxProps, ElementProps<'header'> {
 }
-export declare const ModalBaseHeader: React.ForwardRefExoticComponent<ModalBaseHeaderProps & React.RefAttributes<HTMLElement>>;
+export declare const ModalBaseHeader: import("react").ForwardRefExoticComponent<ModalBaseHeaderProps & import("react").RefAttributes<HTMLElement>>;

package/lib/components/ModalBase/ModalBaseOverlay.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ElementProps } from '../../core';
 import { OverlayProps } from '../Overlay';
 import { TransitionOverride } from '../Transition';
@@ -6,4 +5,4 @@ export interface ModalBaseOverlayProps extends Omit<OverlayProps, 'styles' | 'cl
     /** Props passed down to the `Transition` component */
     transitionProps?: TransitionOverride;
 }
-export declare const ModalBaseOverlay: React.ForwardRefExoticComponent<ModalBaseOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseOverlay: import("react").ForwardRefExoticComponent<ModalBaseOverlayProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/components/ModalBase/ModalBaseTitle.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { BoxProps, ElementProps } from '../../core';
 export interface ModalBaseTitleProps extends BoxProps, ElementProps<'h2'> {
 }
-export declare const ModalBaseTitle: React.ForwardRefExoticComponent<ModalBaseTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const ModalBaseTitle: import("react").ForwardRefExoticComponent<ModalBaseTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/lib/components/ModalBase/NativeScrollArea.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 interface NativeScrollAreaProps {
     children: React.ReactNode;
 }
-export declare function NativeScrollArea({ children }: NativeScrollAreaProps): React.JSX.Element;
+export declare function NativeScrollArea({ children }: NativeScrollAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
 import { ComboboxItem, ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames } from '../Combobox';

package/lib/components/NativeSelect/NativeSelectOption.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { ComboboxParsedItem } from '../Combobox';
 export interface NativeSelectOptionProps {
     data: ComboboxParsedItem;
 }
-export declare function NativeSelectOption({ data }: NativeSelectOptionProps): React.JSX.Element;
+export declare function NativeSelectOption({ data }: NativeSelectOptionProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace NativeSelectOption {
     var displayName: string;
 }

package/lib/components/NavLink/NavLink.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
@@ -50,13 +49,13 @@ export type NavLinkFactory = PolymorphicFactory<{
     vars: NavLinkCssVariables;
     variant: NavLinkVariant;
 }>;
-export declare const NavLink: (<C = "a">(props: import("../../core").PolymorphicComponentProps<C, NavLinkProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(NavLinkProps & {
+export declare const NavLink: (<C = "a">(props: import("../../core").PolymorphicComponentProps<C, NavLinkProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(NavLinkProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof NavLinkProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (NavLinkProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: NavLinkProps;

package/lib/components/Notification/Notification.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 export type NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
 export type NotificationCssVariables = {

package/lib/components/NumberFormatter/NumberFormatter.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory, MantineThemeComponent } from '../../core';
 export interface NumberFormatterProps extends React.ComponentPropsWithoutRef<'span'> {
     /** Value to format */
@@ -24,7 +23,7 @@ export type NumberFormatterFactory = Factory<{
     props: NumberFormatterProps;
     ref: HTMLDivElement;
 }>;
-export declare function NumberFormatter(_props: NumberFormatterProps): React.JSX.Element | null;
+export declare function NumberFormatter(_props: NumberFormatterProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace NumberFormatter {
     var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{
         props: NumberFormatterProps;

package/lib/components/NumberInput/NumberInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { NumberFormatValues, OnValueChange } from 'react-number-format';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';

package/lib/components/NumberInput/NumberInputChevron.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 interface ChevronProps extends React.ComponentPropsWithoutRef<'svg'> {
     direction: 'up' | 'down';
 }
-export declare function NumberInputChevron({ direction, style, ...others }: ChevronProps): React.JSX.Element;
+export declare function NumberInputChevron({ direction, style, ...others }: ChevronProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Overlay/Overlay.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type OverlayStylesNames = 'root';
 export type OverlayCssVariables = {
@@ -31,13 +30,13 @@ export type OverlayFactory = PolymorphicFactory<{
     stylesNames: OverlayStylesNames;
     vars: OverlayCssVariables;
 }>;
-export declare const Overlay: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, OverlayProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(OverlayProps & {
+export declare const Overlay: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, OverlayProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(OverlayProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (OverlayProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: OverlayProps;

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

@@ -16,5 +16,5 @@ interface PaginationContext {
 export declare const PaginationProvider: ({ children, value }: {
     value: PaginationContext;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, usePaginationContext: () => PaginationContext;
+}) => import("react/jsx-runtime").JSX.Element, usePaginationContext: () => PaginationContext;
 export {};

package/lib/components/Pagination/Pagination.icons.d.ts

@@ -1,12 +1,11 @@
-import React from 'react';
 interface _PaginationIconProps extends React.ComponentPropsWithoutRef<'svg'> {
     path: string;
 }
 export type PaginationIconProps = Omit<_PaginationIconProps, 'path'>;
 export type PaginationIcon = React.FC<PaginationIconProps>;
-export declare const PaginationNextIcon: (props: PaginationIconProps) => React.JSX.Element;
-export declare const PaginationPreviousIcon: (props: PaginationIconProps) => React.JSX.Element;
-export declare const PaginationFirstIcon: (props: PaginationIconProps) => React.JSX.Element;
-export declare const PaginationLastIcon: (props: PaginationIconProps) => React.JSX.Element;
-export declare const PaginationDotsIcon: (props: PaginationIconProps) => React.JSX.Element;
+export declare const PaginationNextIcon: (props: PaginationIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationPreviousIcon: (props: PaginationIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationFirstIcon: (props: PaginationIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationLastIcon: (props: PaginationIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationDotsIcon: (props: PaginationIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 import { PaginationIconProps } from '../Pagination.icons';
 export type PaginationDotsStylesNames = 'dots';

package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps } from '../../../core';
 import { PaginationIconProps } from '../Pagination.icons';
 export interface CreateEdgeComponent {
@@ -11,48 +10,48 @@ export interface PaginationEdgeProps extends BoxProps {
     /** An icon component to replace the default icon */
     icon?: React.FC<PaginationIconProps>;
 }
-export declare function createEdgeComponent({ icon, name, action, type }: CreateEdgeComponent): (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare function createEdgeComponent({ icon, name, action, type }: CreateEdgeComponent): (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationNext: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationNext: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationPrevious: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationPrevious: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationFirst: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationFirst: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationLast: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationLast: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;

package/lib/components/Pagination/PaginationItems/PaginationItems.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import { PaginationIcon } from '../Pagination.icons';
 export interface PaginationItemsProps {
     /** Dots icon component */
     dotsIcon?: PaginationIcon;
 }
-export declare function PaginationItems({ dotsIcon }: PaginationItemsProps): React.JSX.Element;
+export declare function PaginationItems({ dotsIcon }: PaginationItemsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace PaginationItems {
     var displayName: string;
 }

package/lib/components/Paper/Paper.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineShadow, PolymorphicFactory, StylesApiProps } from '../../core';
 export type PaperStylesNames = 'root';
 export type PaperCssVariables = {
@@ -21,13 +20,13 @@ export type PaperFactory = PolymorphicFactory<{
     stylesNames: PaperStylesNames;
     vars: PaperCssVariables;
 }>;
-export declare const Paper: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, PaperProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaperProps & {
+export declare const Paper: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, PaperProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(PaperProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaperProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (PaperProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: PaperProps;