@mantine/core 7.8.0 → 7.8.1-alpha.0

package/lib/components/PasswordInput/PasswordInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | __InputStylesNames;

package/lib/components/PasswordInput/PasswordToggleIcon.d.ts

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

package/lib/components/Pill/Pill.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { PillGroup } from './PillGroup/PillGroup';
 export type PillStylesNames = 'root' | 'label' | 'remove';

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

@@ -6,4 +6,4 @@ export interface PillGroupContextValue {
 export declare const PillGroupProvider: ({ children, value }: {
     value: PillGroupContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, usePillGroupContext: () => PillGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, usePillGroupContext: () => PillGroupContextValue | null;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { MantineSize } from '../../core';
 import { InputVariant } from '../Input';
 export interface PillsInputContextValue {
@@ -10,5 +9,5 @@ export interface PillsInputContextValue {
 }
 export declare const PillsInputProvider: ({ children, value }: {
     value: PillsInputContextValue;
-    children: React.ReactNode;
-}) => React.JSX.Element, usePillsInputContext: () => PillsInputContextValue | null;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePillsInputContext: () => PillsInputContextValue | null;

package/lib/components/PinInput/PinInput.d.ts

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

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

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

package/lib/components/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
 import { ArrowPosition, FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 import { PortalProps } from '../Portal';
@@ -84,7 +83,7 @@ export type PopoverFactory = Factory<{
     stylesNames: PopoverStylesNames;
     vars: PopoverCssVariables;
 }>;
-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 {
     var Target: import("../../core").MantineComponent<{
         props: import("./PopoverTarget/PopoverTarget").PopoverTargetProps;

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

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

package/lib/components/Portal/OptionalPortal.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
 import { PortalProps } from './Portal';
 export interface OptionalPortalProps extends PortalProps {
     /** Determines whether children should be rendered inside `<Portal />` */
     withinPortal?: boolean;
 }
-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;
 }

package/lib/components/Portal/Portal.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 export interface PortalProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Portal children, for example, custom modal or popover */
     children: React.ReactNode;
     /** Element inside which portal should be created, by default a new div element is created and appended to the `document.body` */
     target?: HTMLElement | string;
 }
-export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/lib/components/Radio/Radio.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 { RadioGroup } from './RadioGroup/RadioGroup';

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

@@ -1,14 +1,13 @@
-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 */
     onChange?: (value: string) => void;
     /** Props passed down to the `Input.Wrapper` */

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

@@ -8,5 +8,5 @@ interface RadioGroupContextValue {
 export declare const RadioGroupProvider: ({ children, value }: {
     value: RadioGroupContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useRadioGroupContext: () => RadioGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useRadioGroupContext: () => RadioGroupContextValue | null;
 export {};

package/lib/components/Radio/RadioIcon.d.ts

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

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

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

package/lib/components/Rating/Rating.d.ts

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps } from '../../../core';
 export interface RatingItemProps extends BoxProps, ElementProps<'input', 'value' | 'size'> {
     getSymbolLabel: ((value: number) => string) | undefined;
@@ -12,7 +11,7 @@ export interface RatingItemProps extends BoxProps, ElementProps<'input', 'value'
     onChange: (event: React.ChangeEvent<HTMLInputElement> | number) => void;
     onInputChange: (event: React.ChangeEvent<HTMLInputElement> | number) => void;
 }
-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;
 }

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

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

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { GetStylesApi, MantineColor } from '../../../core';
 import type { RingProgressFactory } from '../RingProgress';
 interface CurveProps extends React.ComponentPropsWithRef<'circle'> {
@@ -13,7 +12,7 @@ interface CurveProps extends React.ComponentPropsWithRef<'circle'> {
     tooltip?: React.ReactNode;
     getStyles: GetStylesApi<RingProgressFactory>;
 }
-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 {
     var displayName: string;
 }

package/lib/components/RingProgress/RingProgress.d.ts

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

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

@@ -20,4 +20,4 @@ export interface ScrollAreaContextValue {
 export declare const ScrollAreaProvider: ({ children, value }: {
     value: ScrollAreaContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;

package/lib/components/ScrollArea/ScrollArea.d.ts

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

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory } from '../../../core';
 export type ScrollAreaRootStylesNames = 'root' | 'viewport' | 'viewportInner' | 'scrollbar' | 'thumb' | 'corner';
 export type ScrollAreaRootCssVariables = {
@@ -28,4 +27,4 @@ export type ScrollAreaRootFactory = Factory<{
     ref: HTMLDivElement;
     stylesNames: ScrollAreaRootStylesNames;
 }>;
-export declare const ScrollAreaRoot: React.ForwardRefExoticComponent<ScrollAreaRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaRoot: import("react").ForwardRefExoticComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

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

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

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

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

@@ -12,4 +12,4 @@ export interface ScrollbarContextValue {
 export declare const ScrollbarProvider: ({ children, value }: {
     value: ScrollbarContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useScrollbarContext: () => ScrollbarContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useScrollbarContext: () => ScrollbarContextValue;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Sizes } from '../ScrollArea.types';
 import { ScrollbarContextValue } from './Scrollbar.context';
 export interface ScrollbarPrivateProps {
@@ -17,5 +16,5 @@ export interface ScrollbarPrivateProps {
 }
 interface ScrollbarProps extends ScrollbarPrivateProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'onResize'> {
 }
-export declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Scrollbar: import("react").ForwardRefExoticComponent<ScrollbarProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

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

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

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

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

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

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

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

package/lib/components/SegmentedControl/SegmentedControl.d.ts

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

package/lib/components/Select/Select.d.ts

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

package/lib/components/SimpleGrid/SimpleGridVariables.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { SimpleGridProps } from './SimpleGrid';
 interface SimpleGridVariablesProps extends SimpleGridProps {
     selector: string;
 }
-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 {};

package/lib/components/Skeleton/Skeleton.d.ts

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface MarksProps {
     marks: {
         value: number;
@@ -11,7 +10,7 @@ export interface MarksProps {
     disabled: boolean | undefined;
     inverted: boolean | undefined;
 }
-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;
 }

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 import { TransitionOverride } from '../../Transition';
 import { SliderCssVariables, SliderStylesNames } from '../Slider.context';

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 import { TransitionOverride } from '../../Transition';
 import { SliderCssVariables, SliderStylesNames } from '../Slider.context';

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, MantineColor, MantineRadius, MantineSize } from '../../../core';
 export interface SliderRootProps extends BoxProps, ElementProps<'div'> {
     size: MantineSize | (string & {}) | number;
@@ -9,4 +8,4 @@ export interface SliderRootProps extends BoxProps, ElementProps<'div'> {
     thumbSize: string | number | undefined;
     radius: MantineRadius | undefined;
 }
-export declare const SliderRoot: React.ForwardRefExoticComponent<SliderRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TransitionOverride } from '../../Transition';
 export interface ThumbProps {
     max: number;
@@ -21,4 +20,4 @@ export interface ThumbProps {
     className?: string;
     style?: React.CSSProperties;
 }
-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/Slider/Track/Track.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface TrackProps {
     filled: number;
     offset?: number;
@@ -15,7 +14,7 @@ export interface TrackProps {
     inverted: boolean | undefined;
     containerProps?: React.PropsWithRef<React.ComponentProps<'div'>>;
 }
-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;
 }

package/lib/components/Spoiler/Spoiler.d.ts

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

package/lib/components/Stack/Stack.d.ts

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

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

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

package/lib/components/Stepper/Stepper.d.ts

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface StepperCompletedProps {
     /** Label content */
     children: React.ReactNode;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
 import type { StepFragmentComponent } from '../Stepper';
 export type StepperStepStylesNames = 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepBody' | 'stepLabel' | 'stepDescription';

package/lib/components/Switch/Switch.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 { SwitchGroup } from './SwitchGroup/SwitchGroup';

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

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

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

@@ -12,4 +12,4 @@ export interface TableContextValue {
 export declare const TableProvider: ({ children, value }: {
     value: TableContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useTableContext: () => TableContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTableContext: () => TableContextValue;

package/lib/components/Table/Table.d.ts

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

package/lib/components/Table/TableDataRenderer.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { TableData } from './Table';
 export interface TableDataRendererProps {
     data: TableData;
 }
-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;
 }

package/lib/components/Table/TableScrollContainer.d.ts

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

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

@@ -22,4 +22,4 @@ export interface TabsContextValue {
 export declare const TabsProvider: ({ children, value }: {
     value: TabsContextValue;
     children: import("react").ReactNode;
-}) => import("react").JSX.Element, useTabsContext: () => TabsContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTabsContext: () => TabsContextValue;

package/lib/components/Tabs/Tabs.d.ts

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type TabsListStylesNames = 'list';
 export interface TabsListProps extends BoxProps, CompoundStylesApiProps<TabsListFactory>, ElementProps<'div'> {

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type TabsPanelStylesNames = 'panel';
 export interface TabsPanelProps extends BoxProps, CompoundStylesApiProps<TabsPanelFactory>, ElementProps<'div'> {

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
 import { UnstyledButtonProps } from '../../UnstyledButton';
 export type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';

package/lib/components/TagsInput/TagsInput.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
 import { ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxStringData, ComboboxStringItem } from '../Combobox';
@@ -12,11 +11,11 @@ export interface TagsInputProps extends BoxProps, __BaseInputProps, Omit<Combobo
     value?: string[];
     /** Default value for uncontrolled component */
     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;
     /** Controlled search value */
     searchValue?: string;