@mantine/core 7.7.2 → 7.8.1-alpha.0

package/lib/components/Card/Card.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineShadow, MantineSpacing, PolymorphicFactory, StylesApiProps } from '../../core';
 import { CardSection } from './CardSection/CardSection';
 export type CardStylesNames = 'root' | 'section';
@@ -27,13 +26,13 @@ export type CardFactory = PolymorphicFactory<{
         Section: typeof 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;
 } & Omit<Omit<any, "ref">, "component" | keyof CardProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (CardProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: CardProps;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, PolymorphicFactory } from '../../../core';
 export type CardSectionStylesNames = 'section';
 export interface CardSectionProps extends BoxProps, CompoundStylesApiProps<CardSectionFactory> {
@@ -14,13 +13,13 @@ export type CardSectionFactory = PolymorphicFactory<{
     stylesNames: CardSectionStylesNames;
     compound: true;
 }>;
-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;
 } & Omit<Omit<any, "ref">, "component" | keyof CardSectionProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (CardSectionProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{
     props: CardSectionProps;

package/lib/components/Center/Center.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
 export type CenterStylesNames = 'root';
 export interface CenterProps extends BoxProps, StylesApiProps<CenterFactory> {
@@ -13,13 +12,13 @@ export type CenterFactory = PolymorphicFactory<{
     defaultComponent: 'div';
     stylesNames: CenterStylesNames;
 }>;
-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;
 } & Omit<Omit<any, "ref">, "component" | keyof CenterProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (CenterProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: CenterProps;

package/lib/components/Checkbox/CheckIcon.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 export interface CheckboxIconProps extends React.ComponentPropsWithoutRef<'svg'> {
     indeterminate: boolean | undefined;
 }
 export interface CheckIconProps extends React.ComponentPropsWithoutRef<'svg'> {
     size?: number | string;
 }
-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;

package/lib/components/Checkbox/Checkbox.d.ts

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory, MantineSize } from '../../../core';
 import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';
 export type CheckboxGroupStylesNames = InputWrapperStylesNames;

package/lib/components/Chip/Chip.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { ChipGroup } from './ChipGroup/ChipGroup';
 export type ChipStylesNames = 'root' | 'input' | 'iconWrapper' | 'checkIcon' | 'label';

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface ChipGroupProps<T extends boolean = false> {
     /** Determines whether it is allowed to select multiple values, `false` by default */
     multiple?: T;
@@ -11,7 +10,7 @@ export interface ChipGroupProps<T extends boolean = false> {
     /** `Chip` components and any other elements */
     children?: React.ReactNode;
 }
-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;
 }

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

@@ -6,5 +6,5 @@ interface ChipGroupContextValue {
 export declare const ChipGroupProvider: ({ children, value }: {
     value: ChipGroupContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
 export {};

package/lib/components/CloseButton/CloseButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 export type CloseButtonVariant = 'subtle' | 'transparent';
 export type CloseButtonStylesNames = 'root';
@@ -30,13 +29,13 @@ export type CloseButtonFactory = PolymorphicFactory<{
     variant: CloseButtonVariant;
     vars: CloseButtonCssVariables;
 }>;
-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;
 } & Omit<Omit<any, "ref">, "component" | keyof CloseButtonProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (CloseButtonProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: CloseButtonProps;

package/lib/components/CloseButton/CloseIcon.d.ts

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

package/lib/components/Collapse/Collapse.d.ts

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

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

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

package/lib/components/ColorInput/ColorInput.d.ts

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

package/lib/components/ColorInput/EyeDropperIcon.d.ts

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

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

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

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

@@ -7,5 +7,5 @@ interface ColorPickerContextValue {
 export declare const ColorPickerProvider: ({ children, value }: {
     value: ColorPickerContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useColorPickerContext: () => ColorPickerContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useColorPickerContext: () => ColorPickerContextValue | null;
 export {};

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type ColorSliderStylesNames = 'slider' | 'sliderOverlay' | 'thumb';
 export interface __ColorSliderProps extends ElementProps<'div', 'onChange'> {

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ElementProps, MantineSize } from '../../../core';
 import { HsvaColor } from '../ColorPicker.types';
 export interface SaturationProps extends ElementProps<'div', 'onChange'> {
@@ -12,7 +11,7 @@ export interface SaturationProps extends ElementProps<'div', 'onChange'> {
     color: string;
     focusable?: boolean;
 }
-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;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ElementProps } from '../../../core';
 export interface SwatchesProps extends ElementProps<'div'> {
     size?: string | number;
@@ -8,4 +7,4 @@ export interface SwatchesProps extends ElementProps<'div'> {
     onChangeEnd?: (color: string) => void;
     setValue: (value: string) => void;
 }
-export declare const Swatches: React.ForwardRefExoticComponent<SwatchesProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Swatches: import("react").ForwardRefExoticComponent<SwatchesProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {
     variant?: string;
     position: {
@@ -6,4 +5,4 @@ export interface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {
         y: number;
     };
 }
-export declare const Thumb: React.ForwardRefExoticComponent<ThumbProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Thumb: import("react").ForwardRefExoticComponent<ThumbProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type ColorSwatchStylesNames = 'root' | 'alphaOverlay' | 'shadowOverlay' | 'colorOverlay' | 'childrenOverlay';
 export type ColorSwatchCssVariables = {
@@ -23,13 +22,13 @@ export type ColorSwatchFactory = PolymorphicFactory<{
     stylesNames: ColorSwatchStylesNames;
     vars: ColorSwatchCssVariables;
 }>;
-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;
 } & Omit<Omit<any, "ref">, "component" | keyof ColorSwatchProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (ColorSwatchProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ColorSwatchProps;

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

@@ -13,4 +13,4 @@ export interface ComboboxContextValue {
 export declare const ComboboxProvider: ({ children, value }: {
     value: ComboboxContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useComboboxContext: () => ComboboxContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useComboboxContext: () => ComboboxContextValue;

package/lib/components/Combobox/Combobox.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory, MantineSize, MantineThemeComponent, StylesApiProps } from '../../core';
 import { __PopoverProps } from '../Popover';
 import { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
@@ -60,7 +59,7 @@ export type ComboboxFactory = Factory<{
         HiddenInput: typeof ComboboxHiddenInput;
     };
 }>;
-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 {
     var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{
         props: ComboboxProps;
@@ -136,7 +135,7 @@ export declare namespace Combobox {
                 stylesNames: import("./ComboboxGroup/ComboboxGroup").ComboboxGroupStylesNames;
                 compound: true;
             }>;
-            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;
         };
     }>) => MantineThemeComponent;
@@ -210,6 +209,6 @@ export declare namespace Combobox {
         stylesNames: import("./ComboboxGroup/ComboboxGroup").ComboboxGroupStylesNames;
         compound: true;
     }>;
-    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;
 }

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

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

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

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ElementProps, MantineSize } from '../../../core';
 import { __CloseButtonProps } from '../../CloseButton';
 export interface ComboboxClearButtonProps extends __CloseButtonProps, ElementProps<'button'> {
     size?: MantineSize | (string & {}) | number;
     onClear: () => void;
 }
-export declare const ComboboxClearButton: React.ForwardRefExoticComponent<ComboboxClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ComboboxClearButton: import("react").ForwardRefExoticComponent<ComboboxClearButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory } from '../../../core';
 export interface ComboboxDropdownTargetProps {
     /** Target element */

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory } from '../../../core';
 export interface ComboboxEventsTargetProps {
     /** Target element */

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type ComboboxGroupStylesNames = 'group' | 'groupLabel';
 export interface ComboboxGroupProps extends BoxProps, CompoundStylesApiProps<ComboboxGroupFactory>, ElementProps<'div'> {

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

@@ -1,11 +1,10 @@
-import React from 'react';
 export interface ComboboxHiddenInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'value'> {
     /** Input value */
     value: string | string[] | null;
     /** Divider character that is used to transform array values to string, `','` by default */
     valuesDivider?: string;
 }
-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;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory } from '../../../core';
 export interface ComboboxTargetProps {
     /** Target element */

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ScrollAreaProps } from '../../ScrollArea/ScrollArea';
 import { ComboboxItem, ComboboxLikeRenderOptionInput, ComboboxParsedItem } from '../Combobox.types';
 import { FilterOptionsInput } from './default-options-filter';
@@ -27,4 +26,4 @@ export interface OptionsDropdownProps {
     renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => React.ReactNode;
     scrollAreaProps: ScrollAreaProps | undefined;
 }
-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;

package/lib/components/CopyButton/CopyButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface CopyButtonProps {
     /** Children callback, provides current status and copy function as an argument */
     children: (payload: {
@@ -10,7 +9,7 @@ export interface CopyButtonProps {
     /** Copied status timeout in ms, `1000` by default */
     timeout?: number;
 }
-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;
 }

package/lib/components/Dialog/Dialog.d.ts

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

package/lib/components/Divider/Divider.d.ts

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

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

@@ -9,5 +9,5 @@ interface DrawerContext {
 export declare const DrawerProvider: ({ children, value }: {
     value: DrawerContext;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useDrawerContext: () => DrawerContext;
+}) => import("react/jsx-runtime").JSX.Element, useDrawerContext: () => DrawerContext;
 export {};

package/lib/components/Drawer/Drawer.d.ts

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

package/lib/components/Fieldset/Fieldset.d.ts

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

package/lib/components/FileButton/FileButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface FileButtonProps<Multiple extends boolean = false> {
     /** Called when files are picked */
     onChange: (payload: Multiple extends true ? File[] : File | null) => void;

package/lib/components/FileInput/FileInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface FileInputProps<Multiple = false> extends BoxProps, __BaseInputProps, StylesApiProps<FileInputFactory>, ElementProps<'button', 'value' | 'defaultValue' | 'onChange' | 'placeholder'> {

package/lib/components/Flex/Flex.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, MantineSize, PolymorphicFactory, StyleProp, StylesApiProps } from '../../core';
 export type FlexStylesNames = 'root';
 export interface FlexProps extends BoxProps, StylesApiProps<FlexFactory>, ElementProps<'div'> {
@@ -23,13 +22,13 @@ export type FlexFactory = PolymorphicFactory<{
     defaultComponent: 'div';
     stylesNames: FlexStylesNames;
 }>;
-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;
 } & Omit<Omit<any, "ref">, "component" | keyof FlexProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (FlexProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: FlexProps;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ArrowPosition, FloatingPosition } from '../types';
 interface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {
     position: FloatingPosition;
@@ -10,5 +9,5 @@ interface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {
     arrowY: number | undefined;
     visible: boolean | undefined;
 }
-export declare const FloatingArrow: React.ForwardRefExoticComponent<FloatingArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FloatingArrow: import("react").ForwardRefExoticComponent<FloatingArrowProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/FocusTrap/FocusTrap.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface FocusTrapProps {
     /** Element at which focus should be trapped, should support ref prop */
     children: any;
@@ -12,7 +11,7 @@ export declare namespace FocusTrap {
     var displayName: string;
     var InitialFocus: typeof FocusTrapInitialFocus;
 }
-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;
 }

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

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

package/lib/components/Grid/Grid.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineSpacing, StyleProp, StylesApiProps } from '../../core';
 import { GridCol } from './GridCol/GridCol';
 export type GridStylesNames = 'root' | 'col' | 'inner';

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { GridColProps } from './GridCol';
 interface GridColVariablesProps {
     selector: string;
@@ -6,5 +5,5 @@ interface GridColVariablesProps {
     order?: GridColProps['order'] | undefined;
     offset?: GridColProps['offset'] | undefined;
 }
-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 {};

package/lib/components/Grid/GridVariables.d.ts

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

package/lib/components/Group/Group.d.ts

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

package/lib/components/Highlight/Highlight.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { MantineColor, MantineTheme, PolymorphicFactory } from '../../core';
 import { TextProps, TextStylesNames, TextVariant } from '../Text';
 export interface HighlightProps extends Omit<TextProps, 'color'> {
@@ -18,13 +17,13 @@ export type HighlightFactory = PolymorphicFactory<{
     stylesNames: TextStylesNames;
     variant: TextVariant;
 }>;
-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;
 } & Omit<Omit<any, "ref">, "component" | keyof HighlightProps> & {
     ref?: any;
     renderRoot?: ((props: any) => any) | undefined;
 }) | (HighlightProps & {
-    component: React.ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: HighlightProps;

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

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

package/lib/components/HoverCard/HoverCard.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory } from '../../core';
 import { PopoverProps, PopoverStylesNames } from '../Popover';
 import { PopoverCssVariables } from '../Popover/Popover';
@@ -21,10 +20,10 @@ export type HoverCardFactory = Factory<{
     stylesNames: PopoverStylesNames;
     vars: PopoverCssVariables;
 }>;
-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;
     var extend: (input: import("../../core/factory/factory").ExtendsRootComponent<{
         props: HoverCardProps;

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

@@ -1,10 +1,9 @@
-import React from 'react';
 import { PopoverDropdownProps } from '../../Popover';
 export interface HoverCardDropdownProps extends PopoverDropdownProps {
     /** Dropdown content */
     children?: React.ReactNode;
 }
-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;
 }

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import { PopoverTargetProps } from '../../Popover';
 export interface HoverCardTargetProps extends PopoverTargetProps {
     /** Key of the prop that is used to pass event listeners, by default event listeners are passed directly to component */
     eventPropsWrapperName?: string;
 }
-export declare const HoverCardTarget: React.ForwardRefExoticComponent<HoverCardTargetProps & React.RefAttributes<HTMLElement>>;
+export declare const HoverCardTarget: import("react").ForwardRefExoticComponent<HoverCardTargetProps & import("react").RefAttributes<HTMLElement>>;