@mantine/core 7.8.1 → 7.9.0

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>>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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