@mantine/core - npm Package Compare versions

Comparing version 7.8.0 to 7.8.1-alpha.0

lib/components/Accordion/Accordion.context.d.ts

@@ -22,3 +22,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useAccordionContext: () => AccordionContext;
+}) => import("react/jsx-runtime").JSX.Element, useAccordionContext: () => AccordionContext;
 export {};

lib/components/Accordion/Accordion.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineRadius, MantineThemeComponent, StylesApiProps } from '../../core';
@@ -43,3 +42,3 @@ import { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';
 }>;
-export declare function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>): React.JSX.Element;
+export declare function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Accordion {
@@ -46,0 +45,0 @@ var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{

lib/components/Accordion/AccordionChevron.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface AccordionChevronProps extends React.ComponentPropsWithoutRef<'svg'> {
@@ -6,5 +5,5 @@ /** Controls `width` and `height` of the icon, `16` by default */
 }
-export declare function AccordionChevron({ style, size, ...others }: AccordionChevronProps): React.JSX.Element;
+export declare function AccordionChevron({ style, size, ...others }: AccordionChevronProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace AccordionChevron {
     var displayName: string;
 }

lib/components/Accordion/AccordionControl/AccordionControl.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
@@ -3,0 +2,0 @@ export type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';

lib/components/Accordion/AccordionItem.context.d.ts

@@ -7,3 +7,3 @@ interface AccordionItemContext {
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useAccordionItemContext: () => AccordionItemContext;
+}) => import("react/jsx-runtime").JSX.Element, useAccordionItemContext: () => AccordionItemContext;
 export {};

lib/components/ActionIcon/ActionIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -43,3 +42,3 @@ import { LoaderProps } from '../Loader';
 }>;
-export declare const ActionIcon: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, ActionIconProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ActionIconProps & {
+export declare const ActionIcon: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, ActionIconProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ActionIconProps & {
     component?: any;
@@ -50,3 +49,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
 }) | (ActionIconProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -53,0 +52,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, Factory, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ export type ActionIconGroupStylesNames = 'group';

lib/components/Alert/Alert.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type AlertStylesNames = 'root' | 'body' | 'label' | 'title' | 'icon' | 'wrapper' | 'message' | 'closeButton';

lib/components/Anchor/Anchor.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { PolymorphicFactory } from '../../core';
@@ -19,3 +18,3 @@ import { TextCssVariables, TextProps, TextStylesNames, TextVariant } from '../Text';
 }>;
-export declare const Anchor: (<C = "a">(props: import("../../core").PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AnchorProps & {
+export declare const Anchor: (<C = "a">(props: import("../../core").PolymorphicComponentProps<C, AnchorProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(AnchorProps & {
     component?: any;
@@ -26,3 +25,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof AnchorProps> & {
 }) | (AnchorProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -29,0 +28,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/AppShell/AppShell.context.d.ts

@@ -13,2 +13,2 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useAppShellContext: () => AppShellContext;
+}) => import("react/jsx-runtime").JSX.Element, useAppShellContext: () => AppShellContext;

lib/components/AppShell/AppShell.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize } from './AppShell.types';

lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import type { AppShellProps } from '../AppShell';
@@ -10,3 +9,3 @@ interface AppShellMediaStylesProps {
 }
-export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, }: AppShellMediaStylesProps): React.JSX.Element;
+export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, }: AppShellMediaStylesProps): import("react/jsx-runtime").JSX.Element;
 export {};

lib/components/AppShell/AppShellSection/AppShellSection.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, PolymorphicFactory } from '../../../core';
@@ -15,3 +14,3 @@ export type AppShellSectionStylesNames = 'section';
 }>;
-export declare const AppShellSection: (<C = "div">(props: import("../../../core").PolymorphicComponentProps<C, AppShellSectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AppShellSectionProps & {
+export declare const AppShellSection: (<C = "div">(props: import("../../../core").PolymorphicComponentProps<C, AppShellSectionProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(AppShellSectionProps & {
     component?: any;
@@ -22,3 +21,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof AppShellSectionProps> & {
 }) | (AppShellSectionProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -25,0 +24,0 @@ })>, never> & import("../../../core/factory/factory").ThemeExtend<{

lib/components/Autocomplete/Autocomplete.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxStringData, ComboboxStringItem } from '../Combobox';

lib/components/Avatar/Avatar.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -40,3 +39,3 @@ import { AvatarGroup } from './AvatarGroup/AvatarGroup';
 }>;
-export declare const Avatar: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, AvatarProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AvatarProps & {
+export declare const Avatar: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, AvatarProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(AvatarProps & {
     component?: any;
@@ -47,3 +46,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof AvatarProps> & {
 }) | (AvatarProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -50,0 +49,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Avatar/AvatarPlaceholderIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
-export declare function AvatarPlaceholderIcon(props: React.ComponentPropsWithoutRef<'svg'>): React.JSX.Element;
+export declare function AvatarPlaceholderIcon(props: React.ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

lib/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -20,3 +19,3 @@ export type BackgroundImageStylesNames = 'root';
 }>;
-export declare const BackgroundImage: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, BackgroundImageProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BackgroundImageProps & {
+export declare const BackgroundImage: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, BackgroundImageProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(BackgroundImageProps & {
     component?: any;
@@ -27,3 +26,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof BackgroundImageProps> & {
 }) | (BackgroundImageProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -30,0 +29,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Badge/Badge.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -38,3 +37,3 @@ export type BadgeStylesNames = 'root' | 'section' | 'label';
 }>;
-export declare const Badge: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, BadgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BadgeProps & {
+export declare const Badge: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, BadgeProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(BadgeProps & {
     component?: any;
@@ -45,3 +44,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof BadgeProps> & {
 }) | (BadgeProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -48,0 +47,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Blockquote/Blockquote.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type BlockquoteStylesNames = 'root' | 'icon' | 'cite';

lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type BreadcrumbsStylesNames = 'root' | 'separator' | 'breadcrumb';

lib/components/Button/Button.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -50,3 +49,3 @@ import { LoaderProps } from '../Loader';
 }>;
-export declare const Button: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, ButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ButtonProps & {
+export declare const Button: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, ButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ButtonProps & {
     component?: any;
@@ -57,3 +56,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
 }) | (ButtonProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -60,0 +59,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Button/ButtonGroup/ButtonGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, Factory, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ export type ButtonGroupStylesNames = 'group';

lib/components/Card/Card.context.d.ts

@@ -9,3 +9,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useCardContext: () => CardContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useCardContext: () => CardContextValue;
 export {};

lib/components/Card/Card.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineShadow, MantineSpacing, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -30,3 +29,3 @@ import { CardSection } from './CardSection/CardSection';
 }>;
-export declare const Card: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, CardProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CardProps & {
+export declare const Card: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, CardProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(CardProps & {
     component?: any;
@@ -37,3 +36,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof CardProps> & {
 }) | (CardProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -40,0 +39,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Card/CardSection/CardSection.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, PolymorphicFactory } from '../../../core';
@@ -17,3 +16,3 @@ export type CardSectionStylesNames = 'section';
 }>;
-export declare const CardSection: (<C = "div">(props: import("../../../core").PolymorphicComponentProps<C, CardSectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CardSectionProps & {
+export declare const CardSection: (<C = "div">(props: import("../../../core").PolymorphicComponentProps<C, CardSectionProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(CardSectionProps & {
     component?: any;
@@ -24,3 +23,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof CardSectionProps> & {
 }) | (CardSectionProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -27,0 +26,0 @@ })>, never> & import("../../../core/factory/factory").ThemeExtend<{

lib/components/Center/Center.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -16,3 +15,3 @@ export type CenterStylesNames = 'root';
 }>;
-export declare const Center: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, CenterProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CenterProps & {
+export declare const Center: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, CenterProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(CenterProps & {
     component?: any;
@@ -23,3 +22,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof CenterProps> & {
 }) | (CenterProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -26,0 +25,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Checkbox/Checkbox.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { InlineInputStylesNames } from '../InlineInput';

lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, MantineSize } from '../../../core';
@@ -3,0 +2,0 @@ import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';

lib/components/Checkbox/CheckIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface CheckboxIconProps extends React.ComponentPropsWithoutRef<'svg'> {
@@ -8,3 +7,3 @@ indeterminate: boolean | undefined;
 }
-export declare function CheckIcon({ size, style, ...others }: CheckIconProps): React.JSX.Element;
-export declare function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps): React.JSX.Element;
+export declare function CheckIcon({ size, style, ...others }: CheckIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps): import("react/jsx-runtime").JSX.Element;

lib/components/Chip/Chip.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { ChipGroup } from './ChipGroup/ChipGroup';

lib/components/Chip/ChipGroup.context.d.ts

@@ -9,3 +9,3 @@ interface ChipGroupContextValue {
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
 export {};

lib/components/Chip/ChipGroup/ChipGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface ChipGroupProps<T extends boolean = false> {
@@ -14,5 +13,5 @@ /** Determines whether it is allowed to select multiple values, `false` by default */
 }
-export declare function ChipGroup<T extends boolean>(props: ChipGroupProps<T>): React.JSX.Element;
+export declare function ChipGroup<T extends boolean>(props: ChipGroupProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace ChipGroup {
     var displayName: string;
 }

lib/components/CloseButton/CloseButton.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -33,3 +32,3 @@ export type CloseButtonVariant = 'subtle' | 'transparent';
 }>;
-export declare const CloseButton: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, CloseButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CloseButtonProps & {
+export declare const CloseButton: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, CloseButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(CloseButtonProps & {
     component?: any;
@@ -40,3 +39,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof CloseButtonProps> & {
 }) | (CloseButtonProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -43,0 +42,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/CloseButton/CloseIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface CloseIconProps extends React.ComponentPropsWithoutRef<'svg'> {
@@ -6,2 +5,2 @@ /** Icon width and height, `var(--icon-size)` by default */
 }
-export declare const CloseIcon: React.ForwardRefExoticComponent<CloseIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const CloseIcon: import("react").ForwardRefExoticComponent<CloseIconProps & import("react").RefAttributes<SVGSVGElement>>;

lib/components/Collapse/Collapse.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, Factory } from '../../core';
@@ -3,0 +2,0 @@ export interface CollapseProps extends BoxProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof BoxProps> {

lib/components/Collapse/use-collapse.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { CSSProperties } from '../../core';
@@ -3,0 +2,0 @@ export declare function getElementHeight(el: React.RefObject<HTMLElement> | {

lib/components/ColorInput/ColorInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { __ColorPickerProps, ColorPickerStylesNames } from '../ColorPicker';

lib/components/ColorInput/EyeDropperIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
-export declare function EyeDropperIcon({ style, ...others }: React.ComponentPropsWithoutRef<'svg'>): React.JSX.Element;
+export declare function EyeDropperIcon({ style, ...others }: React.ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

lib/components/ColorPicker/AlphaSlider/AlphaSlider.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ColorSliderProps } from '../ColorSlider/ColorSlider';
@@ -6,2 +5,2 @@ export interface AlphaSliderProps extends Omit<ColorSliderProps, 'maxValue' | 'overlays' | 'round'> {
 }
-export declare const AlphaSlider: React.ForwardRefExoticComponent<AlphaSliderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlphaSlider: import("react").ForwardRefExoticComponent<AlphaSliderProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ColorPicker/ColorPicker.context.d.ts

@@ -10,3 +10,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useColorPickerContext: () => ColorPickerContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useColorPickerContext: () => ColorPickerContextValue | null;
 export {};

lib/components/ColorPicker/ColorSlider/ColorSlider.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ export type ColorSliderStylesNames = 'slider' | 'sliderOverlay' | 'thumb';

lib/components/ColorPicker/HueSlider/HueSlider.d.ts

@@ -1,5 +0,4 @@
-import React from 'react';
 import { ColorSliderProps } from '../ColorSlider/ColorSlider';
 export interface HueSliderProps extends Omit<ColorSliderProps, 'maxValue' | 'overlays' | 'round'> {
 }
-export declare const HueSlider: React.ForwardRefExoticComponent<HueSliderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const HueSlider: import("react").ForwardRefExoticComponent<HueSliderProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ColorPicker/Saturation/Saturation.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ElementProps, MantineSize } from '../../../core';
@@ -15,5 +14,5 @@ import { HsvaColor } from '../ColorPicker.types';
 }
-export declare function Saturation({ className, onChange, onChangeEnd, value, saturationLabel, focusable, size, color, onScrubStart, onScrubEnd, ...others }: SaturationProps): React.JSX.Element;
+export declare function Saturation({ className, onChange, onChangeEnd, value, saturationLabel, focusable, size, color, onScrubStart, onScrubEnd, ...others }: SaturationProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Saturation {
     var displayName: string;
 }

lib/components/ColorPicker/Swatches/Swatches.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ElementProps } from '../../../core';
@@ -11,2 +10,2 @@ export interface SwatchesProps extends ElementProps<'div'> {
 }
-export declare const Swatches: React.ForwardRefExoticComponent<SwatchesProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Swatches: import("react").ForwardRefExoticComponent<SwatchesProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ColorPicker/Thumb/Thumb.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {
@@ -9,2 +8,2 @@ variant?: string;
 }
-export declare const Thumb: React.ForwardRefExoticComponent<ThumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Thumb: import("react").ForwardRefExoticComponent<ThumbProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -26,3 +25,3 @@ export type ColorSwatchStylesNames = 'root' | 'alphaOverlay' | 'shadowOverlay' | 'colorOverlay' | 'childrenOverlay';
 }>;
-export declare const ColorSwatch: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, ColorSwatchProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ColorSwatchProps & {
+export declare const ColorSwatch: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, ColorSwatchProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ColorSwatchProps & {
     component?: any;
@@ -33,3 +32,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof ColorSwatchProps> & {
 }) | (ColorSwatchProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -36,0 +35,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Combobox/Combobox.context.d.ts

@@ -16,2 +16,2 @@ import { GetStylesApi, MantineSize } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useComboboxContext: () => ComboboxContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useComboboxContext: () => ComboboxContextValue;

lib/components/Combobox/Combobox.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, MantineSize, MantineThemeComponent, StylesApiProps } from '../../core';
@@ -63,3 +62,3 @@ import { __PopoverProps } from '../Popover';
 }>;
-export declare function Combobox(_props: ComboboxProps): React.JSX.Element;
+export declare function Combobox(_props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Combobox {
@@ -140,3 +139,3 @@ var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{
             }>;
-            ClearButton: React.ForwardRefExoticComponent<import("./ComboboxClearButton/ComboboxClearButton").ComboboxClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
+            ClearButton: import("react").ForwardRefExoticComponent<import("./ComboboxClearButton/ComboboxClearButton").ComboboxClearButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
             HiddenInput: typeof ComboboxHiddenInput;
@@ -215,4 +214,4 @@ };
     }>;
-    var ClearButton: React.ForwardRefExoticComponent<import("./ComboboxClearButton/ComboboxClearButton").ComboboxClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    var ClearButton: import("react").ForwardRefExoticComponent<import("./ComboboxClearButton/ComboboxClearButton").ComboboxClearButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
     var HiddenInput: typeof ComboboxHiddenInput;
 }

lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ export type ComboboxChevronStylesNames = 'chevron';

lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ElementProps, MantineSize } from '../../../core';
@@ -8,2 +7,2 @@ import { __CloseButtonProps } from '../../CloseButton';
 }
-export declare const ComboboxClearButton: React.ForwardRefExoticComponent<ComboboxClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ComboboxClearButton: import("react").ForwardRefExoticComponent<ComboboxClearButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

lib/components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory } from '../../../core';
@@ -3,0 +2,0 @@ export interface ComboboxDropdownTargetProps {

lib/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory } from '../../../core';
@@ -3,0 +2,0 @@ export interface ComboboxEventsTargetProps {

lib/components/Combobox/ComboboxGroup/ComboboxGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
@@ -3,0 +2,0 @@ export type ComboboxGroupStylesNames = 'group' | 'groupLabel';

lib/components/Combobox/ComboboxHiddenInput/ComboboxHiddenInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface ComboboxHiddenInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'value'> {
@@ -8,5 +7,5 @@ /** Input value */
 }
-export declare function ComboboxHiddenInput({ value, valuesDivider, ...others }: ComboboxHiddenInputProps): React.JSX.Element;
+export declare function ComboboxHiddenInput({ value, valuesDivider, ...others }: ComboboxHiddenInputProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComboboxHiddenInput {
     var displayName: string;
 }

lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory } from '../../../core';
@@ -3,0 +2,0 @@ export interface ComboboxTargetProps {

lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ScrollAreaProps } from '../../ScrollArea/ScrollArea';
@@ -30,2 +29,2 @@ import { ComboboxItem, ComboboxLikeRenderOptionInput, ComboboxParsedItem } from '../Combobox.types';
 }
-export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, }: OptionsDropdownProps): React.JSX.Element;
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;

lib/components/CopyButton/CopyButton.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface CopyButtonProps {
@@ -13,5 +12,5 @@ /** Children callback, provides current status and copy function as an argument */
 }
-export declare function CopyButton(props: CopyButtonProps): React.JSX.Element;
+export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CopyButton {
     var displayName: string;
 }

lib/components/Dialog/Dialog.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { AffixBaseProps } from '../Affix';

lib/components/Divider/Divider.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type DividerStylesNames = 'root' | 'label';

lib/components/Drawer/Drawer.context.d.ts

@@ -12,3 +12,3 @@ import { GetStylesApi, MantineRadius } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useDrawerContext: () => DrawerContext;
+}) => import("react/jsx-runtime").JSX.Element, useDrawerContext: () => DrawerContext;
 export {};

lib/components/Drawer/Drawer.d.ts

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

lib/components/Fieldset/Fieldset.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type FieldsetStylesNames = 'root' | 'legend';

lib/components/FileButton/FileButton.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface FileButtonProps<Multiple extends boolean = false> {
@@ -3,0 +2,0 @@ /** Called when files are picked */

lib/components/FileInput/FileInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';

lib/components/Flex/Flex.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, MantineSize, PolymorphicFactory, StyleProp, StylesApiProps } from '../../core';
@@ -26,3 +25,3 @@ export type FlexStylesNames = 'root';
 }>;
-export declare const Flex: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, FlexProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(FlexProps & {
+export declare const Flex: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, FlexProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(FlexProps & {
     component?: any;
@@ -33,3 +32,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof FlexProps> & {
 }) | (FlexProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -36,0 +35,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Floating/FloatingArrow/FloatingArrow.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ArrowPosition, FloatingPosition } from '../types';
@@ -13,3 +12,3 @@ interface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {
 }
-export declare const FloatingArrow: React.ForwardRefExoticComponent<FloatingArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FloatingArrow: import("react").ForwardRefExoticComponent<FloatingArrowProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/FocusTrap/FocusTrap.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface FocusTrapProps {
@@ -15,5 +14,5 @@ /** Element at which focus should be trapped, should support ref prop */
 }
-export declare function FocusTrapInitialFocus(props: React.ComponentPropsWithoutRef<'span'>): React.JSX.Element;
+export declare function FocusTrapInitialFocus(props: React.ComponentPropsWithoutRef<'span'>): import("react/jsx-runtime").JSX.Element;
 export declare namespace FocusTrapInitialFocus {
     var displayName: string;
 }

lib/components/Grid/Grid.context.d.ts

@@ -11,3 +11,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useGridContext: () => GridContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useGridContext: () => GridContextValue;
 export {};

lib/components/Grid/Grid.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSpacing, StyleProp, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { GridCol } from './GridCol/GridCol';

lib/components/Grid/GridCol/GridColVariables.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import type { GridColProps } from './GridCol';
@@ -9,3 +8,3 @@ interface GridColVariablesProps {
 }
-export declare function GridColVariables({ span, order, offset, selector }: GridColVariablesProps): React.JSX.Element;
+export declare function GridColVariables({ span, order, offset, selector }: GridColVariablesProps): import("react/jsx-runtime").JSX.Element;
 export {};

lib/components/Grid/GridVariables.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import type { GridProps } from './Grid';
@@ -6,3 +5,3 @@ interface GridVariablesProps extends GridProps {
 }
-export declare function GridVariables({ gutter, selector }: GridVariablesProps): React.JSX.Element;
+export declare function GridVariables({ gutter, selector }: GridVariablesProps): import("react/jsx-runtime").JSX.Element;
 export {};

lib/components/Group/Group.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type GroupStylesNames = 'root';

lib/components/Highlight/Highlight.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { MantineColor, MantineTheme, PolymorphicFactory } from '../../core';
@@ -21,3 +20,3 @@ import { TextProps, TextStylesNames, TextVariant } from '../Text';
 }>;
-export declare const Highlight: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, HighlightProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(HighlightProps & {
+export declare const Highlight: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, HighlightProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(HighlightProps & {
     component?: any;
@@ -28,3 +27,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof HighlightProps> & {
 }) | (HighlightProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -31,0 +30,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/HoverCard/HoverCard.context.d.ts

@@ -8,3 +8,3 @@ interface HoverCardContext {
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useHoverCardContext: () => HoverCardContext;
+}) => import("react/jsx-runtime").JSX.Element, useHoverCardContext: () => HoverCardContext;
 export {};

lib/components/HoverCard/HoverCard.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory } from '../../core';
@@ -24,6 +23,6 @@ import { PopoverProps, PopoverStylesNames } from '../Popover';
 }>;
-export declare function HoverCard(props: HoverCardProps): React.JSX.Element;
+export declare function HoverCard(props: HoverCardProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HoverCard {
     var displayName: string;
-    var Target: React.ForwardRefExoticComponent<import("./HoverCardTarget/HoverCardTarget").HoverCardTargetProps & React.RefAttributes<HTMLElement>>;
+    var Target: import("react").ForwardRefExoticComponent<import("./HoverCardTarget/HoverCardTarget").HoverCardTargetProps & import("react").RefAttributes<HTMLElement>>;
     var Dropdown: typeof HoverCardDropdown;
@@ -30,0 +29,0 @@ var extend: (input: import("../../core/factory/factory").ExtendsRootComponent<{

lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { PopoverDropdownProps } from '../../Popover';
@@ -7,5 +6,5 @@ export interface HoverCardDropdownProps extends PopoverDropdownProps {
 }
-export declare function HoverCardDropdown(props: HoverCardDropdownProps): React.JSX.Element;
+export declare function HoverCardDropdown(props: HoverCardDropdownProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HoverCardDropdown {
     var displayName: string;
 }

lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { PopoverTargetProps } from '../../Popover';
@@ -7,2 +6,2 @@ export interface HoverCardTargetProps extends PopoverTargetProps {
 }
-export declare const HoverCardTarget: React.ForwardRefExoticComponent<HoverCardTargetProps & React.RefAttributes<HTMLElement>>;
+export declare const HoverCardTarget: import("react").ForwardRefExoticComponent<HoverCardTargetProps & import("react").RefAttributes<HTMLElement>>;

lib/components/Image/Image.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -26,3 +25,3 @@ export type ImageStylesNames = 'root';
 }>;
-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;
@@ -33,4 +32,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof ImageProps> & {
 }) | (ImageProps & {
-    component: React.ElementType<any>;
-    /** Image url */
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -37,0 +35,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/index.d.ts

@@ -99,2 +99,3 @@ export * from './Collapse';
 export * from './Transition';
+export * from './Tree';
 export * from './TypographyStylesProvider';

lib/components/Indicator/Indicator.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { IndicatorPosition } from './Indicator.types';

lib/components/InlineInput/InlineInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
@@ -22,2 +21,2 @@ export declare const InlineInputClasses: any;
 }>;
-export declare const InlineInput: React.ForwardRefExoticComponent<InlineInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const InlineInput: import("react").ForwardRefExoticComponent<InlineInputProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/Input/Input.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -83,3 +82,3 @@ import { InputDescription } from './InputDescription/InputDescription';
 }>;
-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;
@@ -90,3 +89,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof InputProps> & {
 }) | (InputProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -93,0 +92,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

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

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ export type InputPlaceholderStylesNames = 'placeholder';

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

@@ -14,3 +14,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useInputWrapperContext: () => InputWrapperContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useInputWrapperContext: () => InputWrapperContextValue | null;
 export {};

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

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

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

@@ -11,3 +11,3 @@ import { BoxProps, StylesApiProps } from '../../core';
 }
-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;
@@ -14,0 +14,0 @@ styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;

lib/components/InputBase/InputBase.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -21,3 +20,3 @@ import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 }>;
-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;
@@ -28,3 +27,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof InputBaseProps> & {
 }) | (InputBaseProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -31,0 +30,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/InputsGroupFieldset/InputsGroupFieldset.d.ts

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

lib/components/JsonInput/JsonInput.d.ts

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

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

@@ -11,3 +11,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useListContext: () => ListContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useListContext: () => ListContextValue;
 export {};

lib/components/List/List.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { ListItem, ListItemStylesNames } from './ListItem/ListItem';

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

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
@@ -3,0 +2,0 @@ export type ListItemStylesNames = 'item' | 'itemWrapper' | 'itemIcon' | 'itemLabel';

lib/components/Loader/Loader.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import type { MantineLoader, MantineLoadersRecord } from './Loader.types';

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

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface SvgLoaderProps extends React.ComponentPropsWithoutRef<any> {
@@ -3,0 +2,0 @@ }

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

@@ -24,3 +24,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useMenuContext: () => MenuContext;
+}) => import("react/jsx-runtime").JSX.Element, useMenuContext: () => MenuContext;
 export {};

lib/components/Menu/Menu.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, StylesApiProps } from '../../core';
@@ -47,3 +46,3 @@ import { __PopoverProps, PopoverStylesNames } from '../Popover';
 }
-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 {
@@ -61,3 +60,3 @@ var extend: (input: import("../../core/factory/factory").ExtendsRootComponent<{
     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;
@@ -68,3 +67,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof import("./MenuItem/MenuItem").MenuItemProps> & {
     }) | (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;
@@ -96,3 +95,3 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{
     }>;
-    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<{
@@ -99,0 +98,0 @@ props: import("./MenuDivider/MenuDivider").MenuDividerProps;

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

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, MantineColor, PolymorphicFactory } from '../../../core';
@@ -25,9 +24,10 @@ export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection';
 }>;
-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;
@@ -34,0 +34,0 @@ })>, never> & import("../../../core/factory/factory").ThemeExtend<{

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

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface MenuTargetProps {
@@ -8,2 +7,2 @@ /** Target element */
 }
-export declare const MenuTarget: React.ForwardRefExoticComponent<MenuTargetProps & React.RefAttributes<HTMLElement>>;
+export declare const MenuTarget: import("react").ForwardRefExoticComponent<MenuTargetProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -13,3 +13,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useModalContext: () => ModalContext;
+}) => import("react/jsx-runtime").JSX.Element, useModalContext: () => ModalContext;
 export {};

lib/components/Modal/Modal.d.ts

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

lib/components/Modal/ModalRoot.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';

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

@@ -21,3 +21,3 @@ import { TransitionOverride } from '../Transition';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useModalBaseContext: () => ModalBaseContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useModalBaseContext: () => ModalBaseContextValue;
 export {};

lib/components/ModalBase/ModalBase.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
@@ -46,3 +45,3 @@ import { BoxProps, ElementProps, MantineShadow, MantineSize, MantineSpacing } from '../../core';
 }
-export declare const ModalBase: React.ForwardRefExoticComponent<ModalBaseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBase: import("react").ForwardRefExoticComponent<ModalBaseProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ModalBase/ModalBaseBody.d.ts

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

lib/components/ModalBase/ModalBaseCloseButton.d.ts

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

lib/components/ModalBase/ModalBaseContent.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, MantineRadius, MantineShadow } from '../../core';
@@ -15,3 +14,3 @@ import { TransitionOverride } from '../Transition';
 }
-export declare const ModalBaseContent: React.ForwardRefExoticComponent<_ModalBaseContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseContent: import("react").ForwardRefExoticComponent<_ModalBaseContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ModalBase/ModalBaseHeader.d.ts

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

lib/components/ModalBase/ModalBaseOverlay.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ElementProps } from '../../core';
@@ -9,2 +8,2 @@ import { OverlayProps } from '../Overlay';
 }
-export declare const ModalBaseOverlay: React.ForwardRefExoticComponent<ModalBaseOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseOverlay: import("react").ForwardRefExoticComponent<ModalBaseOverlayProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ModalBase/ModalBaseTitle.d.ts

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

lib/components/ModalBase/NativeScrollArea.d.ts

@@ -1,6 +0,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 {};

lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { __CloseButtonProps } from '../CloseButton';

lib/components/NativeSelect/NativeSelectOption.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ComboboxParsedItem } from '../Combobox';
@@ -6,5 +5,5 @@ export interface NativeSelectOptionProps {
 }
-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;
 }

lib/components/NavLink/NavLink.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -53,3 +52,3 @@ export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
 }>;
-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;
@@ -60,3 +59,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof NavLinkProps> & {
 }) | (NavLinkProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -63,0 +62,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Notification/Notification.d.ts

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

lib/components/NumberFormatter/NumberFormatter.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, MantineThemeComponent } from '../../core';
@@ -27,3 +26,3 @@ export interface NumberFormatterProps extends React.ComponentPropsWithoutRef<'span'> {
 }>;
-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 {
@@ -30,0 +29,0 @@ var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{

lib/components/NumberInput/NumberInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { NumberFormatValues, OnValueChange } from 'react-number-format';
@@ -3,0 +2,0 @@ import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';

lib/components/NumberInput/NumberInputChevron.d.ts

@@ -1,6 +0,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 {};

lib/components/Overlay/Overlay.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -34,3 +33,3 @@ export type OverlayStylesNames = 'root';
 }>;
-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;
@@ -41,3 +40,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
 }) | (OverlayProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -44,0 +43,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

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

@@ -19,3 +19,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, usePaginationContext: () => PaginationContext;
+}) => import("react/jsx-runtime").JSX.Element, usePaginationContext: () => PaginationContext;
 export {};

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

@@ -1,2 +0,1 @@
-import React from 'react';
 interface _PaginationIconProps extends React.ComponentPropsWithoutRef<'svg'> {
@@ -7,7 +6,7 @@ path: string;
 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 {};

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

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
@@ -3,0 +2,0 @@ import { PaginationIconProps } from '../Pagination.icons';

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

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps } from '../../../core';
@@ -14,3 +13,3 @@ import { PaginationIconProps } from '../Pagination.icons';
 }
-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;
@@ -21,6 +20,6 @@ } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
 }) | (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;
@@ -31,6 +30,6 @@ } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
 }) | (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;
@@ -41,6 +40,6 @@ } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
 }) | (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;
@@ -51,6 +50,6 @@ } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
 }) | (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;
@@ -61,4 +60,4 @@ } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
 }) | (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>;

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

@@ -1,2 +0,1 @@
-import React from 'react';
 import { PaginationIcon } from '../Pagination.icons';
@@ -7,5 +6,5 @@ export interface PaginationItemsProps {
 }
-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;
 }

lib/components/Paper/Paper.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineShadow, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -24,3 +23,3 @@ export type PaperStylesNames = 'root';
 }>;
-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;
@@ -31,3 +30,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof PaperProps> & {
 }) | (PaperProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -34,0 +33,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/PasswordInput/PasswordInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';

lib/components/PasswordInput/PasswordToggleIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface PasswordToggleIconProps {
@@ -3,0 +2,0 @@ reveal: boolean;

lib/components/Pill/Pill.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { PillGroup } from './PillGroup/PillGroup';

lib/components/Pill/PillGroup.context.d.ts

@@ -9,2 +9,2 @@ import { MantineSize } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, usePillGroupContext: () => PillGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, usePillGroupContext: () => PillGroupContextValue | null;

lib/components/PillsInput/PillsInput.context.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { MantineSize } from '../../core';
@@ -13,3 +12,3 @@ import { InputVariant } from '../Input';
     value: PillsInputContextValue;
-    children: React.ReactNode;
-}) => React.JSX.Element, usePillsInputContext: () => PillsInputContextValue | null;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePillsInputContext: () => PillsInputContextValue | null;

lib/components/PinInput/PinInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type PinInputStylesNames = 'root' | 'pinInput' | 'input';

lib/components/Popover/Popover.context.d.ts

@@ -51,3 +51,3 @@ import { ClassNames, GetStylesApi, MantineRadius, MantineShadow, Styles } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, usePopoverContext: () => PopoverContext;
+}) => import("react/jsx-runtime").JSX.Element, usePopoverContext: () => PopoverContext;
 export {};

lib/components/Popover/Popover.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
@@ -87,3 +86,3 @@ import { ArrowPosition, FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 }>;
-export declare function Popover(_props: PopoverProps): React.JSX.Element;
+export declare function Popover(_props: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Popover {
@@ -90,0 +89,0 @@ var Target: import("../../core").MantineComponent<{

lib/components/Popover/PopoverTarget/PopoverTarget.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory } from '../../../core';
@@ -3,0 +2,0 @@ export interface PopoverTargetProps {

lib/components/Portal/OptionalPortal.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { PortalProps } from './Portal';
@@ -7,5 +6,5 @@ export interface OptionalPortalProps extends PortalProps {
 }
-export declare function OptionalPortal({ withinPortal, children, ...others }: OptionalPortalProps): React.JSX.Element;
+export declare function OptionalPortal({ withinPortal, children, ...others }: OptionalPortalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace OptionalPortal {
     var displayName: string;
 }

lib/components/Portal/Portal.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface PortalProps extends React.ComponentPropsWithoutRef<'div'> {
@@ -8,2 +7,2 @@ /** Portal children, for example, custom modal or popover */
 }
-export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/Progress/Progress.context.d.ts

@@ -10,3 +10,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useProgressContext: () => ProgressContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useProgressContext: () => ProgressContextValue;
 export {};

lib/components/Radio/Radio.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { InlineInputStylesNames } from '../InlineInput';

lib/components/Radio/RadioGroup.context.d.ts

@@ -11,3 +11,3 @@ import { MantineSize } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useRadioGroupContext: () => RadioGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useRadioGroupContext: () => RadioGroupContextValue | null;
 export {};

lib/components/Radio/RadioGroup/RadioGroup.d.ts

@@ -1,12 +0,11 @@
-import React from 'react';
 import { Factory, MantineSize } from '../../../core';
 import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';
 export type RadioGroupStylesNames = InputWrapperStylesNames;
-export interface RadioGroupProps extends Omit<InputWrapperProps, 'onChange'> {
+export interface RadioGroupProps extends Omit<InputWrapperProps, 'onChange' | 'value' | 'defaultValue'> {
     /** `Radio` components and any other elements */
     children: React.ReactNode;
     /** Controlled component value */
-    value?: string;
+    value?: string | null;
     /** Default value for uncontrolled component */
-    defaultValue?: string;
+    defaultValue?: string | null;
     /** Called when value changes */
@@ -13,0 +12,0 @@ onChange?: (value: string) => void;

lib/components/Radio/RadioIcon.d.ts

@@ -1,5 +0,4 @@
-import React from 'react';
 export interface RadioIconProps extends React.ComponentPropsWithoutRef<'svg'> {
     size?: string | number;
 }
-export declare function RadioIcon({ size, style, ...others }: RadioIconProps): React.JSX.Element;
+export declare function RadioIcon({ size, style, ...others }: RadioIconProps): import("react/jsx-runtime").JSX.Element;

lib/components/Rating/Rating.context.d.ts

@@ -9,3 +9,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useRatingContext: () => RatingContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useRatingContext: () => RatingContextValue;
 export {};

lib/components/Rating/Rating.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type RatingStylesNames = 'root' | 'starSymbol' | 'input' | 'label' | 'symbolBody' | 'symbolGroup';

lib/components/Rating/RatingItem/RatingItem.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps } from '../../../core';
@@ -15,5 +14,5 @@ export interface RatingItemProps extends BoxProps, ElementProps<'input', 'value' | 'size'> {
 }
-export declare function RatingItem({ getSymbolLabel, emptyIcon, fullIcon, full, active, value, readOnly, fractionValue, color, id, onBlur, onChange, onInputChange, style, ...others }: RatingItemProps): React.JSX.Element;
+export declare function RatingItem({ getSymbolLabel, emptyIcon, fullIcon, full, active, value, readOnly, fractionValue, color, id, onBlur, onChange, onInputChange, style, ...others }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace RatingItem {
     var displayName: string;
 }

lib/components/Rating/StarSymbol/StarIcon.d.ts

@@ -1,5 +0,4 @@
-import React from 'react';
-export declare function StarIcon(props: React.ComponentPropsWithoutRef<'svg'>): React.JSX.Element;
+export declare function StarIcon(props: React.ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
 export declare namespace StarIcon {
     var displayName: string;
 }

lib/components/Rating/StarSymbol/StarSymbol.d.ts

@@ -1,8 +0,7 @@
-import React from 'react';
 export interface StarSymbolProps {
     type: 'empty' | 'full';
 }
-export declare function StarSymbol({ type }: StarSymbolProps): React.JSX.Element;
+export declare function StarSymbol({ type }: StarSymbolProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StarSymbol {
     var displayName: string;
 }

lib/components/RingProgress/Curve/Curve.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { GetStylesApi, MantineColor } from '../../../core';
@@ -16,3 +15,3 @@ import type { RingProgressFactory } from '../RingProgress';
 }
-export declare function Curve({ size, value, offset, sum, thickness, root, color, lineRoundCaps, tooltip, getStyles, display, ...others }: CurveProps): React.JSX.Element;
+export declare function Curve({ size, value, offset, sum, thickness, root, color, lineRoundCaps, tooltip, getStyles, display, ...others }: CurveProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Curve {
@@ -19,0 +18,0 @@ var displayName: string;

lib/components/RingProgress/RingProgress.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ interface RingProgressSection extends React.ComponentPropsWithRef<'circle'> {

lib/components/ScrollArea/ScrollArea.context.d.ts

@@ -23,2 +23,2 @@ export interface ScrollAreaContextValue {
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;

lib/components/ScrollArea/ScrollArea.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type ScrollAreaStylesNames = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';

lib/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.d.ts

@@ -1,6 +0,5 @@
-import React from 'react';
 interface ScrollAreaCornerProps extends React.ComponentPropsWithoutRef<'div'> {
 }
-export declare const Corner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
-export declare const ScrollAreaCorner: React.ForwardRefExoticComponent<ScrollAreaCornerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Corner: import("react").ForwardRefExoticComponent<ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaCorner: import("react").ForwardRefExoticComponent<ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory } from '../../../core';
@@ -31,2 +30,2 @@ export type ScrollAreaRootStylesNames = 'root' | 'viewport' | 'viewportInner' | 'scrollbar' | 'thumb' | 'corner';
 }>;
-export declare const ScrollAreaRoot: React.ForwardRefExoticComponent<ScrollAreaRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ScrollAreaScrollbarVisibleProps } from './ScrollAreaScrollbarVisible';
@@ -6,3 +5,3 @@ interface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {
 }
-export declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ScrollAreaScrollbarVisibleProps } from './ScrollAreaScrollbarVisible';
@@ -6,2 +5,2 @@ export interface ScrollAreaScrollbarAutoProps extends ScrollAreaScrollbarVisibleProps {
 }
-export declare const ScrollAreaScrollbarAuto: React.ForwardRefExoticComponent<ScrollAreaScrollbarAutoProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbarAuto: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarAutoProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ScrollAreaScrollbarAutoProps } from './ScrollAreaScrollbarAuto';
@@ -6,3 +5,3 @@ interface ScrollAreaScrollbarHoverProps extends ScrollAreaScrollbarAutoProps {
 }
-export declare const ScrollAreaScrollbarHover: React.ForwardRefExoticComponent<ScrollAreaScrollbarHoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbarHover: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarHoverProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ScrollAreaScrollbarVisibleProps } from './ScrollAreaScrollbarVisible';
@@ -6,3 +5,3 @@ interface ScrollAreaScrollbarScrollProps extends ScrollAreaScrollbarVisibleProps {
 }
-export declare const ScrollAreaScrollbarScroll: React.ForwardRefExoticComponent<ScrollAreaScrollbarScrollProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbarScroll: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarScrollProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { ScrollAreaScrollbarAxisPrivateProps, ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';
@@ -6,2 +5,2 @@ export interface ScrollAreaScrollbarVisibleProps extends Omit<ScrollAreaScrollbarAxisProps, keyof ScrollAreaScrollbarAxisPrivateProps> {
 }
-export declare const ScrollAreaScrollbarVisible: React.ForwardRefExoticComponent<ScrollAreaScrollbarVisibleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbarVisible: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarVisibleProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts

@@ -15,2 +15,2 @@ export interface ScrollbarContextValue {
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useScrollbarContext: () => ScrollbarContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useScrollbarContext: () => ScrollbarContextValue;

lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Sizes } from '../ScrollArea.types';
@@ -20,3 +19,3 @@ import { ScrollbarContextValue } from './Scrollbar.context';
 }
-export declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Scrollbar: import("react").ForwardRefExoticComponent<ScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.d.ts

@@ -1,3 +0,2 @@
-import React from 'react';
 import { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';
-export declare const ScrollAreaScrollbarX: React.ForwardRefExoticComponent<ScrollAreaScrollbarAxisProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbarX: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarAxisProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.d.ts

@@ -1,3 +0,2 @@
-import React from 'react';
 import { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';
-export declare const ScrollAreaScrollbarY: React.ForwardRefExoticComponent<ScrollAreaScrollbarAxisProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbarY: import("react").ForwardRefExoticComponent<ScrollAreaScrollbarAxisProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.d.ts

@@ -1,9 +0,8 @@
-import React from 'react';
 interface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {
 }
-export declare const Thumb: React.ForwardRefExoticComponent<ThumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Thumb: import("react").ForwardRefExoticComponent<ThumbProps & import("react").RefAttributes<HTMLDivElement>>;
 interface ScrollAreaThumbProps extends ThumbProps {
     forceMount?: true;
 }
-export declare const ScrollAreaThumb: React.ForwardRefExoticComponent<ScrollAreaThumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaThumb: import("react").ForwardRefExoticComponent<ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.d.ts

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

lib/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type SegmentedControlStylesNames = 'root' | 'input' | 'label' | 'control' | 'indicator' | 'innerLabel';

lib/components/Select/Select.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { __CloseButtonProps } from '../CloseButton';

lib/components/SimpleGrid/SimpleGridVariables.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import type { SimpleGridProps } from './SimpleGrid';
@@ -6,3 +5,3 @@ interface SimpleGridVariablesProps extends SimpleGridProps {
 }
-export declare function SimpleGridVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): React.JSX.Element;
+export declare function SimpleGridVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): import("react/jsx-runtime").JSX.Element;
 export {};

lib/components/Skeleton/Skeleton.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type SkeletonStylesNames = 'root';

lib/components/Slider/Marks/Marks.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface MarksProps {
@@ -14,5 +13,5 @@ marks: {
 }
-export declare function Marks({ marks, min, max, disabled, value, offset, inverted }: MarksProps): React.JSX.Element | null;
+export declare function Marks({ marks, min, max, disabled, value, offset, inverted }: MarksProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace Marks {
     var displayName: string;
 }

lib/components/Slider/RangeSlider/RangeSlider.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ import { TransitionOverride } from '../../Transition';

lib/components/Slider/Slider.context.d.ts

@@ -18,3 +18,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useSliderContext: () => SliderContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useSliderContext: () => SliderContextValue;
 export {};

lib/components/Slider/Slider/Slider.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
@@ -3,0 +2,0 @@ import { TransitionOverride } from '../../Transition';

lib/components/Slider/SliderRoot/SliderRoot.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, MantineColor, MantineRadius, MantineSize } from '../../../core';
@@ -12,2 +11,2 @@ export interface SliderRootProps extends BoxProps, ElementProps<'div'> {
 }
-export declare const SliderRoot: React.ForwardRefExoticComponent<SliderRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/Slider/Thumb/Thumb.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { TransitionOverride } from '../../Transition';
@@ -24,2 +23,2 @@ export interface ThumbProps {
 }
-export declare const Thumb: React.ForwardRefExoticComponent<ThumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Thumb: import("react").ForwardRefExoticComponent<ThumbProps & import("react").RefAttributes<HTMLDivElement>>;

lib/components/Slider/Track/Track.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface TrackProps {
@@ -18,5 +17,5 @@ filled: number;
 }
-export declare function Track({ filled, children, offset, disabled, marksOffset, inverted, containerProps, ...others }: TrackProps): React.JSX.Element;
+export declare function Track({ filled, children, offset, disabled, marksOffset, inverted, containerProps, ...others }: TrackProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Track {
     var displayName: string;
 }

lib/components/Spoiler/Spoiler.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type SpoilerStylesNames = 'root' | 'control' | 'content';

lib/components/Stack/Stack.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type StackStylesNames = 'root';

lib/components/Stepper/Stepper.context.d.ts

@@ -11,3 +11,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useStepperContext: () => StepperContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useStepperContext: () => StepperContextValue;
 export {};

lib/components/Stepper/Stepper.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { StepperCompleted } from './StepperCompleted/StepperCompleted';

lib/components/Stepper/StepperCompleted/StepperCompleted.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface StepperCompletedProps {
@@ -3,0 +2,0 @@ /** Label content */

lib/components/Stepper/StepperStep/StepperStep.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
@@ -3,0 +2,0 @@ import type { StepFragmentComponent } from '../Stepper';

lib/components/Switch/Switch.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { InlineInputStylesNames } from '../InlineInput';

lib/components/Switch/SwitchGroup/SwitchGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { Factory, MantineSize } from '../../../core';
@@ -3,0 +2,0 @@ import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';

lib/components/Table/Table.context.d.ts

@@ -15,2 +15,2 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useTableContext: () => TableContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTableContext: () => TableContextValue;

lib/components/Table/Table.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineSpacing, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr } from './Table.components';

lib/components/Table/TableDataRenderer.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import type { TableData } from './Table';
@@ -6,5 +5,5 @@ export interface TableDataRendererProps {
 }
-export declare function TableDataRenderer({ data }: TableDataRendererProps): React.JSX.Element;
+export declare function TableDataRenderer({ data }: TableDataRendererProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TableDataRenderer {
     var displayName: string;
 }

lib/components/Table/TableScrollContainer.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type TableScrollContainerStylesNames = 'scrollContainer' | 'scrollContainerInner';

lib/components/Tabs/Tabs.context.d.ts

@@ -25,2 +25,2 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useTabsContext: () => TabsContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTabsContext: () => TabsContextValue;

lib/components/Tabs/Tabs.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { TabsList, TabsListStylesNames } from './TabsList/TabsList';

lib/components/Tabs/TabsList/TabsList.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
@@ -3,0 +2,0 @@ export type TabsListStylesNames = 'list';

lib/components/Tabs/TabsPanel/TabsPanel.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
@@ -3,0 +2,0 @@ export type TabsPanelStylesNames = 'panel';

lib/components/Tabs/TabsTab/TabsTab.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
@@ -3,0 +2,0 @@ import { UnstyledButtonProps } from '../../UnstyledButton';

lib/components/TagsInput/TagsInput.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -15,7 +14,7 @@ import { __CloseButtonProps } from '../CloseButton';
     defaultValue?: string[];
-    /** Called whe value changes */
+    /** Called when value changes */
     onChange?: (value: string[]) => void;
     /** Called when tag is removed */
     onRemove?: (value: string) => void;
-    /** Called whe the clear button is clicked */
+    /** Called when the clear button is clicked */
     onClear?: () => void;
@@ -22,0 +21,0 @@ /** Controlled search value */

lib/components/Text/Text.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, MantineColor, MantineGradient, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -36,3 +35,3 @@ type TextTruncate = 'end' | 'start' | boolean;
 }>;
-export declare const Text: (<C = "p">(props: import("../../core").PolymorphicComponentProps<C, TextProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(TextProps & {
+export declare const Text: (<C = "p">(props: import("../../core").PolymorphicComponentProps<C, TextProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(TextProps & {
     component?: any;
@@ -43,3 +42,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof TextProps> & {
 }) | (TextProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -46,0 +45,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/components/Textarea/Textarea.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { __BaseInputProps, __InputStylesNames } from '../Input';

lib/components/ThemeIcon/ThemeIcon.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineGradient, MantineRadius, MantineSize, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type ThemeIconStylesNames = 'root';

lib/components/Timeline/Timeline.context.d.ts

@@ -9,3 +9,3 @@ import { GetStylesApi } from '../../core';
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useTimelineContext: () => TimelineContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTimelineContext: () => TimelineContextValue;
 export {};

lib/components/Timeline/Timeline.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ import { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';

lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor, MantineRadius } from '../../../core';
@@ -3,0 +2,0 @@ export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';

lib/components/Title/Title.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
@@ -3,0 +2,0 @@ export type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;

lib/components/Tooltip/TooltipGroup/TooltipGroup.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface TooltipGroupProps {
@@ -10,5 +9,5 @@ /** <Tooltip /> components */
 }
-export declare function TooltipGroup(props: TooltipGroupProps): React.JSX.Element;
+export declare function TooltipGroup(props: TooltipGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TooltipGroup {
     var displayName: string;
 }

lib/components/Transition/Transition.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { MantineTransition } from './transitions';
@@ -28,5 +27,5 @@ export interface TransitionProps {
 export type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;
-export declare function Transition({ keepMounted, transition, duration, exitDuration, mounted, children, timingFunction, onExit, onEntered, onEnter, onExited, }: TransitionProps): React.JSX.Element | null;
+export declare function Transition({ keepMounted, transition, duration, exitDuration, mounted, children, timingFunction, onExit, onEntered, onEnter, onExited, }: TransitionProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace Transition {
     var displayName: string;
 }

lib/components/Transition/transitions.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export interface MantineTransitionStyles {
@@ -3,0 +2,0 @@ common?: React.CSSProperties;

lib/components/UnstyledButton/UnstyledButton.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { BoxComponentProps, PolymorphicFactory, StylesApiProps } from '../../core';
@@ -13,3 +12,3 @@ export type UnstyledButtonStylesNames = 'root';
 }>;
-export declare const UnstyledButton: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, UnstyledButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(UnstyledButtonProps & {
+export declare const UnstyledButton: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, UnstyledButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(UnstyledButtonProps & {
     component?: any;
@@ -20,3 +19,3 @@ } & Omit<Omit<any, "ref">, "component" | keyof UnstyledButtonProps> & {
 }) | (UnstyledButtonProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
@@ -23,0 +22,0 @@ })>, never> & import("../../core/factory/factory").ThemeExtend<{

lib/core/Box/Box.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import { MantineBreakpoint } from '../MantineProvider';
@@ -32,3 +31,3 @@ import type { CssVarsProp, MantineStyleProp } from './Box.types';
 }
-export declare const Box: (<C = "div">(props: import("../factory").PolymorphicComponentProps<C, BoxComponentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BoxComponentProps & {
+export declare const Box: (<C = "div">(props: import("../factory").PolymorphicComponentProps<C, BoxComponentProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(BoxComponentProps & {
     component?: any;
@@ -39,4 +38,4 @@ } & Omit<Omit<any, "ref">, "component" | keyof BoxComponentProps> & {
 }) | (BoxComponentProps & {
-    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>;

lib/core/Box/style-props/extract-style-props/extract-style-props.d.ts

 import type { MantineStyleProps } from '../style-props.types';
 export declare function extractStyleProps<T extends Record<string, any>>(others: MantineStyleProps & T): {
-    styleProps: MantineStyleProps;
+    styleProps: MantineStyleProps & {
+        sx?: any;
+    };
     rest: T;
 };

lib/core/DirectionProvider/DirectionProvider.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export type Direction = 'ltr' | 'rtl';
@@ -8,3 +7,3 @@ export interface DirectionContextValue {
 }
-export declare const DirectionContext: React.Context<DirectionContextValue>;
+export declare const DirectionContext: import("react").Context<DirectionContextValue>;
 export declare function useDirection(): DirectionContextValue;
@@ -19,2 +18,2 @@ export interface DirectionProviderProps {
 }
-export declare function DirectionProvider({ children, initialDirection, detectDirection, }: DirectionProviderProps): React.JSX.Element;
+export declare function DirectionProvider({ children, initialDirection, detectDirection, }: DirectionProviderProps): import("react/jsx-runtime").JSX.Element;

lib/core/factory/create-polymorphic-component.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 type ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps & Omit<Props, keyof OverrideProps>;
@@ -17,9 +16,9 @@ type ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
 };
-export declare function createPolymorphicComponent<ComponentDefaultType, Props, StaticComponents = Record<string, never>>(component: any): (<C = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => React.ReactElement) & Omit<React.FunctionComponent<(Props & ComponentProp<any> & Omit<Omit<any, "ref">, "component" | keyof Props> & {
+export declare function createPolymorphicComponent<ComponentDefaultType, Props, StaticComponents = Record<string, never>>(component: any): (<C = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => React.ReactElement) & Omit<import("react").FunctionComponent<(Props & ComponentProp<any> & Omit<Omit<any, "ref">, "component" | keyof Props> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (Props & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & StaticComponents;
 export {};

lib/core/factory/polymorphic-factory.d.ts

@@ -13,4 +13,4 @@ import { PolymorphicComponentProps } from './create-polymorphic-component';
 }) | (Payload["props"] & {
-    component: import("react").ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload["staticComponents"]>;

lib/core/InlineStyles/InlineStyles.d.ts

@@ -1,5 +0,4 @@
-import React from 'react';
 import { InlineStylesInput } from './styles-to-string/styles-to-string';
 export interface InlineStylesProps extends InlineStylesInput, Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {
 }
-export declare function InlineStyles({ selector, styles, media }: InlineStylesInput): React.JSX.Element;
+export declare function InlineStyles({ selector, styles, media }: InlineStylesInput): import("react/jsx-runtime").JSX.Element;

lib/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 import type { MantineColorScheme } from '../theme.types';
@@ -8,2 +7,2 @@ export interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {
 }
-export declare function ColorSchemeScript({ defaultColorScheme, localStorageKey, forceColorScheme, ...others }: ColorSchemeScriptProps): React.JSX.Element;
+export declare function ColorSchemeScript({ defaultColorScheme, localStorageKey, forceColorScheme, ...others }: ColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;

lib/core/MantineProvider/index.d.ts

@@ -9,3 +9,3 @@ export * from './theme.types';
 export { MantineProvider, HeadlessMantineProvider } from './MantineProvider';
-export { MantineContext, useMantineContext, useMantineClassNamesPrefix, useMantineStyleNonce, useMantineCssVariablesResolver, useMantineWithStaticClasses, useMantineIsHeadless, } from './Mantine.context';
+export { MantineContext, useMantineContext, useMantineClassNamesPrefix, useMantineStyleNonce, useMantineCssVariablesResolver, useMantineWithStaticClasses, useMantineIsHeadless, useMantineSxTransform, useMantineStylesTransform, } from './Mantine.context';
 export { useMantineTheme, useSafeMantineTheme, MantineThemeContext, MantineThemeProvider, } from './MantineThemeProvider';
@@ -22,1 +22,3 @@ export type { MantineThemeProviderProps } from './MantineThemeProvider';
 export { virtualColor, getCSSColorVariables, isVirtualColor } from './MantineCssVariables';
+export { useMatches } from './use-matches/use-matches';
+export type { MantineStylesTransform } from './Mantine.context';

lib/core/MantineProvider/Mantine.context.d.ts

 import { ConvertCSSVariablesInput } from './convert-css-variables';
 import type { MantineColorScheme, MantineTheme } from './theme.types';
+export interface MantineStylesTransform {
+    sx?: (sx: any) => string;
+    styles?: (styles: any, payload: any) => Record<string, string>;
+}
 interface MantineContextValue {
@@ -14,2 +18,3 @@ colorScheme: MantineColorScheme;
     headless?: boolean;
+    stylesTransform?: MantineStylesTransform;
 }
@@ -23,2 +28,4 @@ export declare const MantineContext: import("react").Context<MantineContextValue | null>;
 export declare function useMantineIsHeadless(): boolean | undefined;
+export declare function useMantineSxTransform(): ((sx: any) => string) | undefined;
+export declare function useMantineStylesTransform(): ((styles: any, payload: any) => Record<string, string>) | undefined;
 export {};

lib/core/MantineProvider/MantineClasses/MantineClasses.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
-export declare function MantineClasses(): React.JSX.Element;
+export declare function MantineClasses(): import("react/jsx-runtime").JSX.Element;

lib/core/MantineProvider/MantineCssVariables/MantineCssVariables.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 interface MantineCssVariablesProps {
@@ -6,3 +5,3 @@ cssVariablesSelector: string;
 }
-export declare function MantineCssVariables({ cssVariablesSelector, deduplicateCssVariables, }: MantineCssVariablesProps): React.JSX.Element | null;
+export declare function MantineCssVariables({ cssVariablesSelector, deduplicateCssVariables, }: MantineCssVariablesProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace MantineCssVariables {
@@ -9,0 +8,0 @@ var displayName: string;

lib/core/MantineProvider/MantineProvider.d.ts

 import './global.css';
-import React from 'react';
 import { MantineColorSchemeManager } from './color-scheme-managers';
+import { MantineStylesTransform } from './Mantine.context';
 import { CSSVariablesResolver } from './MantineCssVariables';
@@ -33,6 +33,8 @@ import type { MantineColorScheme, MantineThemeOverride } from './theme.types';
     withGlobalClasses?: boolean;
+    /** An object to transform `styles` and `sx` props into css classes, can be used with CSS-in-JS libraries */
+    stylesTransform?: MantineStylesTransform;
     /** Your application */
     children?: React.ReactNode;
 }
-export declare function MantineProvider({ theme, children, getStyleNonce, withStaticClasses, withGlobalClasses, deduplicateCssVariables, withCssVariables, cssVariablesSelector, classNamesPrefix, colorSchemeManager, defaultColorScheme, getRootElement, cssVariablesResolver, forceColorScheme, }: MantineProviderProps): React.JSX.Element;
+export declare function MantineProvider({ theme, children, getStyleNonce, withStaticClasses, withGlobalClasses, deduplicateCssVariables, withCssVariables, cssVariablesSelector, classNamesPrefix, colorSchemeManager, defaultColorScheme, getRootElement, cssVariablesResolver, forceColorScheme, stylesTransform, }: MantineProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MantineProvider {
@@ -47,5 +49,5 @@ var displayName: string;
 }
-export declare function HeadlessMantineProvider({ children, theme }: HeadlessMantineProviderProps): React.JSX.Element;
+export declare function HeadlessMantineProvider({ children, theme }: HeadlessMantineProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace HeadlessMantineProvider {
     var displayName: string;
 }

lib/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.d.ts

@@ -1,4 +0,3 @@
-import React from 'react';
 import { MantineTheme, MantineThemeOverride } from '../theme.types';
-export declare const MantineThemeContext: React.Context<MantineTheme | null>;
+export declare const MantineThemeContext: import("react").Context<MantineTheme | null>;
 export declare const useSafeMantineTheme: () => MantineTheme;
@@ -14,5 +13,5 @@ export declare function useMantineTheme(): MantineTheme;
 }
-export declare function MantineThemeProvider({ theme, children, inherit, }: MantineThemeProviderProps): React.JSX.Element;
+export declare function MantineThemeProvider({ theme, children, inherit, }: MantineThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MantineThemeProvider {
     var displayName: string;
 }

lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts

 import { UseMediaQueryOptions } from '@mantine/hooks';
-export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseMediaQueryOptions): "light" | "dark";
+export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseMediaQueryOptions): "dark" | "light";

lib/core/styles-api/use-styles/get-class-name/get-class-name.d.ts

@@ -34,4 +34,6 @@ import { MantineTheme } from '../../../MantineProvider';
     headless?: boolean;
+    /** `styles` prop transformed into classes with CSS-in-JS library, for example, emotion */
+    transformedStyles?: Record<string, string>[];
 }
-export declare function getClassName({ theme, options, themeName, selector, classNamesPrefix, classNames, classes, unstyled, className, rootSelector, props, stylesCtx, withStaticClasses, headless, }: GetClassNameOptions): string;
+export declare function getClassName({ theme, options, themeName, selector, classNamesPrefix, classNames, classes, unstyled, className, rootSelector, props, stylesCtx, withStaticClasses, headless, transformedStyles, }: GetClassNameOptions): string;
 export {};

lib/core/styles-api/use-styles/get-style/get-style.d.ts

@@ -20,3 +20,4 @@ import { CSSProperties } from 'react';
     headless?: boolean;
+    withStylesTransform?: boolean;
 }
-export declare function getStyle({ theme, themeName, selector, options, props, stylesCtx, rootSelector, styles, style, vars, varsResolver, headless, }: GetStyleInput): CSSProperties;
+export declare function getStyle({ theme, themeName, selector, options, props, stylesCtx, rootSelector, styles, style, vars, varsResolver, headless, withStylesTransform, }: GetStyleInput): CSSProperties;

lib/core/utils/close-on-escape/close-on-escape.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 interface Options {
@@ -7,3 +6,3 @@ active: boolean | undefined;
 }
-export declare function closeOnEscape(callback?: (event: any) => void, options?: Options): (event: React.KeyboardEvent<any>) => void;
+export declare function closeOnEscape(callback?: (event: any) => void, options?: Options): (event: import("react").KeyboardEvent<any>) => void;
 export {};

lib/core/utils/create-optional-context/create-optional-context.d.ts

@@ -1,5 +0,4 @@
-import React from 'react';
 export declare function createOptionalContext<ContextValue>(initialValue?: ContextValue | null): readonly [({ children, value }: {
     value: ContextValue;
     children: React.ReactNode;
-}) => React.JSX.Element, () => ContextValue | null];
+}) => import("react/jsx-runtime").JSX.Element, () => ContextValue | null];

lib/core/utils/create-safe-context/create-safe-context.d.ts

@@ -1,5 +0,4 @@
-import React from 'react';
 export declare function createSafeContext<ContextValue>(errorMessage: string): readonly [({ children, value }: {
     value: ContextValue;
     children: React.ReactNode;
-}) => React.JSX.Element, () => ContextValue & ({} | undefined)];
+}) => import("react/jsx-runtime").JSX.Element, () => ContextValue & ({} | undefined)];

lib/core/utils/is-element/is-element.d.ts

@@ -1,2 +0,1 @@
-import React from 'react';
 export declare function isElement(value: any): value is React.ReactElement;

package.json

 {
   "name": "@mantine/core",
-  "version": "7.8.0",
+  "version": "7.8.1-alpha.0",
   "description": "React components library focused on usability, accessibility and developer experience",
@@ -46,3 +46,3 @@ "homepage": "https://mantine.dev/",
   "peerDependencies": {
-    "@mantine/hooks": "7.8.0",
+    "@mantine/hooks": "7.8.1",
     "react": "^18.2.0",
@@ -61,4 +61,4 @@ "react-dom": "^18.2.0"
     "@mantine-tests/core": "1.1.0",
-    "@mantine/hooks": "7.8.0"
+    "@mantine/hooks": "7.8.1"
   }
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10447334

increased by1.11%

Number of package files

2908

increased by1.04%

Lines of code

86535

increased by1.7%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

No dependency changes