@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.4

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

@@ -0,0 +1,2 @@
+export { Divider } from './Divider';
+export type { DividerCssVariables, DividerFactory, DividerProps, DividerStylesNames, DividerVariant, } from './Divider';

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

@@ -8,19 +8,19 @@ export interface FileButtonProps<Multiple extends boolean = false> {
     }): React.ReactNode;
     /** Determines whether user can pick more than one file */
     multiple?: Multiple;
-    /** File input accept attribute, for example, "image/png,image/jpeg" */
+    /** File input accept attribute, for example, `"image/png,image/jpeg"` */
     accept?: string;
     /** Input name attribute */
     name?: string;
     /** Input form attribute */
     form?: string;
-    /** Function that should be called when value changes to null or empty array */
+    /** Reference of the function that should be called when value changes to null or empty array */
     resetRef?: React.ForwardedRef<() => void>;
     /** Disables file picker */
     disabled?: boolean;
     /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */
     capture?: boolean | 'user' | 'environment';
-    /** Spreads props to input element used to capture files */
+    /** Passes down props to the input element used to capture files */
     inputProps?: React.ComponentPropsWithoutRef<'input'>;
 }
 type FileButtonComponent = (<Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.ReactElement) & {

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

@@ -15,7 +15,7 @@ export interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, Elem
     align?: React.CSSProperties['alignItems'];
     /** Controls `flex-wrap` CSS property, `'wrap'` by default */
     wrap?: React.CSSProperties['flexWrap'];
-    /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem (1rem = 16px), `'md'` by default */
+    /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */
     gap?: MantineSpacing | (string & {}) | number;
     /** Determines whether each child element should have `flex-grow: 1` style, `false` by default */
     grow?: boolean;

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

@@ -20,36 +20,36 @@ export interface InputStylesCtx {
 export interface __InputProps {
     /** Content section rendered on the left side of the input */
     leftSection?: React.ReactNode;
-    /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to input height */
+    /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */
     leftSectionWidth?: React.CSSProperties['width'];
-    /** Props added to `leftSection` element */
+    /** Props added to the `leftSection` element */
     leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;
-    /** Sets `pointer-events` styles of `leftSection` node, `'none'` by default */
+    /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */
     leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];
     /** Content section rendered on the right side of the input */
     rightSection?: React.ReactNode;
-    /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to input height */
+    /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */
     rightSectionWidth?: React.CSSProperties['width'];
-    /** Props added to `rightSection` element */
+    /** Props added to the `rightSection` element */
     rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;
-    /** Sets `pointer-events` styles of `rightSection` node, `'none'` by default */
+    /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */
     rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];
-    /** Props added to root element of `Input` component */
+    /** Props added to the root element of the `Input` component */
     wrapperProps?: React.ComponentPropsWithoutRef<'div'>;
     /** Sets `required` attribute on the `input` element */
     required?: boolean;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem (1rem = 16px), `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
     radius?: MantineRadius | (string & {}) | number;
     /** Sets `disabled` attribute on the `input` element */
     disabled?: boolean;
-    /** Input size */
+    /** Controls input `height` and horizontal `padding`, `'sm'` by default */
     size?: MantineSize | (string & {});
     /** Determines whether the input should have `cursor: pointer` style, `false` by default */
     pointer?: boolean;
 }
 export interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {
     __staticSelector?: string;
-    /** Props passed to Styles API context, replaces Input.Wrapper props */
+    /** Props passed to Styles API context, replaces `Input.Wrapper` props */
     __stylesApiProps?: Record<string, any>;
     /** Determines whether the input should have error styles and `aria-invalid` attribute */
     error?: React.ReactNode;

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

@@ -16,11 +16,11 @@ export interface __InputWrapperProps {
     required?: boolean;
     /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */
     withAsterisk?: boolean;
-    /** Props spread to the `Input.Label` component */
+    /** Props passed down to the `Input.Label` component */
     labelProps?: Record<string, any>;
-    /** Props spread to the `Input.Description` component */
+    /** Props passed down to the `Input.Description` component */
     descriptionProps?: Record<string, any>;
-    /** Props spread to the `InputError` component */
+    /** Props passed down to the `InputError` component */
     errorProps?: Record<string, any>;
     /** Input container component, defaults to `React.Fragment` */
     inputContainer?(children: React.ReactNode): React.ReactNode;

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

@@ -285,7 +285,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         descriptionProps: Record<string, any> | undefined;
         unstyled: boolean | undefined;
         styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
-        size: (string & {}) | import("../../core").MantineSize | undefined;
+        size: import("../../core").MantineSize | (string & {}) | undefined;
         inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
         inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
         withAsterisk: boolean | undefined;
@@ -297,7 +297,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
         unstyled: boolean | undefined;
         id: string;
-        size: (string & {}) | import("../../core").MantineSize | undefined;
+        size: import("../../core").MantineSize | (string & {}) | undefined;
         __staticSelector: string | undefined;
         __stylesApiProps: Record<string, any>;
         error: import("react").ReactNode;

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

@@ -7,7 +7,7 @@ export type LoaderCssVariables = {
     root: '--loader-size' | '--loader-color';
 };
 export interface LoaderProps extends BoxProps, StylesApiProps<LoaderFactory>, Omit<React.ComponentPropsWithoutRef<'svg'>, keyof BoxProps> {
-    /** Width/height of the loader. Loader has predefined xs-xl values, number value (in px) is converted to rem `(1rem = 16px)`. */
+    /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. Default value is `'md'` */
     size?: MantineSize | (string & {}) | number;
     /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */
     color?: MantineColor;

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, PolymorphicFactory, MantineRadius } from '../../core';
+export type OverlayStylesNames = 'root';
+export type OverlayVariant = string;
+export type OverlayCssVariables = {
+    root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';
+};
+export interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {
+    /** Controls overlay `background-color` opacity 0–1, disregarded when `gradient` prop is set, `0.6` by default */
+    backgroundOpacity?: number;
+    /** Overlay `background-color`, `#000` by default */
+    color?: React.CSSProperties['backgroundColor'];
+    /** Overlay background blur, `0` by default */
+    blur?: number | string;
+    /** Changes overlay to gradient. If set, `color` prop is ignored */
+    gradient?: string;
+    /** Overlay z-index, `200` by default */
+    zIndex?: React.CSSProperties['zIndex'];
+    /** Key of `theme.radius` or any valid CSS value to set border-radius, `0` by default */
+    radius?: MantineRadius | (string & {}) | number;
+    /** Content inside overlay */
+    children?: React.ReactNode;
+    /** Determines whether content inside overlay should be vertically and horizontally centered, `false` by default */
+    center?: boolean;
+    /** Determines whether overlay should have fixed position instead of absolute, `false` by default */
+    fixed?: boolean;
+}
+export type OverlayFactory = PolymorphicFactory<{
+    props: OverlayProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: OverlayStylesNames;
+    vars: OverlayCssVariables;
+    variant: OverlayVariant;
+}>;
+export declare const Overlay: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, OverlayProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(OverlayProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
+    ref?: any;
+}) | (OverlayProps & {
+    component: React.ElementType<any>;
+})>, never> & import("../../core/factory/factory").ThemeExtend<{
+    props: OverlayProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: OverlayStylesNames;
+    vars: OverlayCssVariables;
+    variant: OverlayVariant;
+}> & Record<string, never>;

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

@@ -0,0 +1,2 @@
+export { Overlay } from './Overlay';
+export type { OverlayCssVariables, OverlayFactory, OverlayProps, OverlayStylesNames, OverlayVariant, } from './Overlay';

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

@@ -6,9 +6,9 @@ export type PaperCssVariables = {
     root: '--paper-radius' | '--paper-shadow';
 };
 export interface PaperProps extends BoxProps, StylesApiProps<PaperFactory> {
-    /** Key of `theme.shadows` or any valid CSS value to set box-shadow, `none` by default */
+    /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */
     shadow?: MantineShadow | (string & {});
-    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem (1rem = 16px), `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */
     radius?: MantineRadius | number | (string & {});
     /** Determines whether the paper should have border, border color depends on color scheme, `false` by default */
     withBorder?: boolean;

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

@@ -21,9 +21,9 @@ export interface __PopoverProps {
     onClose?(): void;
     /** Called when dropdown opens */
     onOpen?(): void;
-    /** If set dropdown will not be unmounted from the DOM when it is hidden, display: none styles will be added instead */
+    /** If set dropdown will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */
     keepMounted?: boolean;
-    /** Props added to `Transition` component that used to animate dropdown presence, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */
+    /** Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */
     transitionProps?: TransitionOverride;
     /** Dropdown width, or `'target'` to make dropdown width the same as target element, `'max-content'` by default */
     width?: PopoverWidth;
@@ -35,46 +35,46 @@ export interface __PopoverProps {
     arrowSize?: number;
     /** Arrow offset in px, `5` by default */
     arrowOffset?: number;
-    /** Arrow border-radius in px, `0` by default */
+    /** Arrow `border-radius` in px, `0` by default */
     arrowRadius?: number;
-    /** Arrow position **/
+    /** Arrow position */
     arrowPosition?: ArrowPosition;
-    /** Determines whether dropdown should be rendered within Portal, `true` by default */
+    /** Determines whether dropdown should be rendered within the `Portal`, `true` by default */
     withinPortal?: boolean;
-    /** Props to pass down to the portal when withinPortal is true */
+    /** Props to pass down to the `Portal` when `withinPortal` is true */
     portalProps?: Omit<PortalProps, 'children'>;
-    /** Dropdown z-index */
+    /** Dropdown `z-index`, `300` by default */
     zIndex?: React.CSSProperties['zIndex'];
     /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */
     radius?: MantineRadius | (string & {}) | number;
-    /** Key of theme.shadow or any other valid css box-shadow value */
+    /** Key of `theme.shadows` or any other valid CSS `box-shadow` value */
     shadow?: MantineShadow | (string & {});
-    /** If set, popover dropdown will not render */
+    /** If set, popover dropdown will not be rendered */
     disabled?: boolean;
-    /** Determines whether focus should be automatically returned to control when dropdown closes, false by default */
+    /** Determines whether focus should be automatically returned to control when dropdown closes, `false` by default */
     returnFocus?: boolean;
 }
 export interface PopoverProps extends __PopoverProps, StylesApiProps<PopoverFactory> {
     __staticSelector?: string;
-    /** Popover.Target and Popover.Dropdown components */
+    /** `Popover.Target` and `Popover.Dropdown` components */
     children: React.ReactNode;
     /** Initial opened state for uncontrolled component */
     defaultOpened?: boolean;
-    /** Controls dropdown opened state */
+    /** Controlled dropdown opened state */
     opened?: boolean;
     /** Called with current state when dropdown opens or closes */
     onChange?(opened: boolean): void;
-    /** Determines whether dropdown should be closed on outside clicks, default to true */
+    /** Determines whether dropdown should be closed on outside clicks, `true` by default */
     closeOnClickOutside?: boolean;
     /** Events that trigger outside clicks */
     clickOutsideEvents?: string[];
-    /** Determines whether focus should be trapped within dropdown, default to false */
+    /** Determines whether focus should be trapped within dropdown, `false` by default */
     trapFocus?: boolean;
-    /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */
+    /** Determines whether dropdown should be closed when `Escape` key is pressed, `true` by default */
     closeOnEscape?: boolean;
     /** id base to create accessibility connections */
     id?: string;
-    /** Determines whether dropdown and target element should have accessible roles, defaults to true */
+    /** Determines whether dropdown and target elements should have accessible roles, `true` by default */
     withRoles?: boolean;
 }
 export type PopoverFactory = Factory<{

package/lib/components/Popover/use-popover.d.ts

@@ -17,38 +17,7 @@ interface UsePopoverOptions {
     arrowOffset: number;
 }
 export declare function usePopover(options: UsePopoverOptions): {
-    floating: {
-        placement: import("@floating-ui/react").Placement;
-        strategy: import("@floating-ui/react").Strategy;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
-        x: number | null;
-        y: number | null;
-        update: () => void;
-        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
-        positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-        context: {
-            x: number | null;
-            y: number | null;
-            floating: (node: HTMLElement | null) => void;
-            placement: import("@floating-ui/react").Placement;
-            strategy: import("@floating-ui/react").Strategy;
-            middlewareData: import("@floating-ui/react").MiddlewareData;
-            update: () => void;
-            reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-            isPositioned: boolean;
-            open: boolean;
-            onOpenChange: (open: boolean) => void;
-            events: import("@floating-ui/react").FloatingEvents;
-            dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
-            nodeId: string | undefined;
-            refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-            elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-        };
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-        isPositioned: boolean;
-    };
+    floating: import("@floating-ui/react").UseFloatingReturn<import("@floating-ui/react").ReferenceType>;
     controlled: boolean;
     opened: boolean;
     onClose: () => void;

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

@@ -0,0 +1,23 @@
+export interface ScrollAreaContextValue {
+    type: 'auto' | 'always' | 'scroll' | 'hover' | 'never';
+    scrollHideDelay: number;
+    scrollArea: HTMLDivElement | null;
+    viewport: HTMLDivElement | null;
+    onViewportChange(viewport: HTMLDivElement | null): void;
+    content: HTMLDivElement | null;
+    onContentChange(content: HTMLDivElement): void;
+    scrollbarX: HTMLDivElement | null;
+    onScrollbarXChange(scrollbar: HTMLDivElement | null): void;
+    scrollbarXEnabled: boolean;
+    onScrollbarXEnabledChange(rendered: boolean): void;
+    scrollbarY: HTMLDivElement | null;
+    onScrollbarYChange(scrollbar: HTMLDivElement | null): void;
+    scrollbarYEnabled: boolean;
+    onScrollbarYEnabledChange(rendered: boolean): void;
+    onCornerWidthChange(width: number): void;
+    onCornerHeightChange(height: number): void;
+}
+export declare const ScrollAreaProvider: ({ children, value }: {
+    value: ScrollAreaContextValue;
+    children: import("react").ReactNode;
+}) => JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;

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

@@ -6,7 +6,7 @@ export type ScrollAreaCssVariables = {
     root: '--scrollarea-scrollbar-size';
 };
 export interface ScrollAreaProps extends BoxProps, StylesApiProps<ScrollAreaFactory>, ElementProps<'div'> {
-    /** Scrollbar size, any valid CSS value for width/height, numbers are converted to rem (1rem = 16px), default value is 0.75rem (12px) */
+    /** Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 0.75rem */
     scrollbarSize?: number | string;
     /**
      * Defines scrollbars behavior, `hover` by default
@@ -23,7 +23,7 @@ export interface ScrollAreaProps extends BoxProps, StylesApiProps<ScrollAreaFact
     offsetScrollbars?: boolean;
     /** Assigns viewport element (scrollable container) ref */
     viewportRef?: React.ForwardedRef<HTMLDivElement>;
-    /** Props spread to the viewport element */
+    /** Props passed down to the viewport element */
     viewportProps?: React.ComponentPropsWithRef<'div'>;
     /** Called with current position (`x` and `y` coordinates) when viewport is scrolled */
     onScrollPositionChange?(position: {

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export type Sizes = {
+    content: number;
+    viewport: number;
+    scrollbar: {
+        size: number;
+        paddingStart: number;
+        paddingEnd: number;
+    };
+};
+export interface ScrollAreaScrollbarAxisPrivateProps {
+    hasThumb: boolean;
+    sizes: Sizes;
+    onSizesChange(sizes: Sizes): void;
+    onThumbChange(thumb: HTMLDivElement | null): void;
+    onThumbPointerDown(pointerPos: number): void;
+    onThumbPointerUp(): void;
+    onThumbPositionChange(): void;
+    onWheelScroll(scrollPos: number): void;
+    onDragScroll(pointerPos: number): void;
+}
+export interface ScrollAreaScrollbarAxisProps extends ScrollAreaScrollbarAxisPrivateProps, React.ComponentPropsWithoutRef<'div'> {
+}

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

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

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BoxProps, ElementProps, Factory } from '../../../core';
+export type ScrollAreaRootStylesNames = 'root' | 'viewport' | 'viewportInner' | 'scrollbar' | 'thumb' | 'corner';
+export type ScrollAreaRootVariant = string;
+export type ScrollAreaRootCssVariables = {
+    root: '--sa-corner-width' | '--sa-corner-height';
+};
+export interface ScrollAreaRootStylesCtx {
+    cornerWidth: number;
+    cornerHeight: number;
+}
+export interface ScrollAreaRootProps extends BoxProps, ElementProps<'div'> {
+    /**
+     * Defines scrollbars behavior, `hover` by default
+     * - `hover` – scrollbars are visible when mouse is over the scroll area
+     * - `scroll` – scrollbars are visible when the scroll area is scrolled
+     * - `always` – scrollbars are always visible
+     * - `never` – scrollbars are always hidden
+     * - `auto` – similar to `overflow: auto` – scrollbars are always visible when the content is overflowing
+     * */
+    type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';
+    /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */
+    scrollHideDelay?: number;
+}
+export type ScrollAreaRootFactory = Factory<{
+    props: ScrollAreaRootProps;
+    ref: HTMLDivElement;
+    stylesNames: ScrollAreaRootStylesNames;
+}>;
+export declare const ScrollAreaRoot: React.ForwardRefExoticComponent<ScrollAreaRootProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+export interface ScrollbarContextValue {
+    hasThumb: boolean;
+    scrollbar: HTMLDivElement | null;
+    onThumbChange(thumb: HTMLDivElement | null): void;
+    onThumbPointerUp(): void;
+    onThumbPointerDown(pointerPos: {
+        x: number;
+        y: number;
+    }): void;
+    onThumbPositionChange(): void;
+}
+export declare const ScrollbarProvider: ({ children, value }: {
+    value: ScrollbarContextValue;
+    children: import("react").ReactNode;
+}) => JSX.Element, useScrollbarContext: () => ScrollbarContextValue;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Sizes } from '../ScrollArea.types';
+import { ScrollbarContextValue } from './Scrollbar.context';
+export interface ScrollbarPrivateProps {
+    sizes: Sizes;
+    hasThumb: boolean;
+    onThumbChange: ScrollbarContextValue['onThumbChange'];
+    onThumbPointerUp: ScrollbarContextValue['onThumbPointerUp'];
+    onThumbPointerDown: ScrollbarContextValue['onThumbPointerDown'];
+    onThumbPositionChange: ScrollbarContextValue['onThumbPositionChange'];
+    onWheelScroll(event: WheelEvent, maxScrollPos: number): void;
+    onDragScroll(pointerPos: {
+        x: number;
+        y: number;
+    }): void;
+    onResize(): void;
+}
+interface ScrollbarProps extends ScrollbarPrivateProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'onResize'> {
+}
+export declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

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

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

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

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

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

package/lib/components/ScrollArea/use-resize-observer.d.ts

@@ -0,0 +1 @@
+export declare function useResizeObserver(element: HTMLElement | null, onResize: () => void): void;

package/lib/components/ScrollArea/utils/add-unlinked-scroll-listener.d.ts

@@ -0,0 +1 @@
+export declare function addUnlinkedScrollListener(node: HTMLElement, handler?: () => void): () => void;

package/lib/components/ScrollArea/utils/compose-event-handlers.d.ts

@@ -0,0 +1,3 @@
+export declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;

package/lib/components/ScrollArea/utils/get-scroll-position-from-pointer.d.ts

@@ -0,0 +1,2 @@
+import type { Sizes } from '../ScrollArea.types';
+export declare function getScrollPositionFromPointer(pointerPos: number, pointerOffset: number, sizes: Sizes, dir?: 'ltr' | 'rtl'): number;

package/lib/components/ScrollArea/utils/get-thumb-offset-from-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { Sizes } from '../ScrollArea.types';
+export declare function getThumbOffsetFromScroll(scrollPos: number, sizes: Sizes, dir?: 'rtl' | 'ltr'): number;

package/lib/components/ScrollArea/utils/get-thumb-ratio.d.ts

@@ -0,0 +1 @@
+export declare function getThumbRatio(viewportSize: number, contentSize: number): number;

package/lib/components/ScrollArea/utils/get-thumb-size.d.ts

@@ -0,0 +1,2 @@
+import type { Sizes } from '../ScrollArea.types';
+export declare function getThumbSize(sizes: Sizes): number;

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

@@ -0,0 +1,8 @@
+export { isScrollingWithinScrollbarBounds } from './is-scrolling-within-scrollbar-bounds';
+export { getThumbRatio } from './get-thumb-ratio';
+export { getThumbSize } from './get-thumb-size';
+export { composeEventHandlers } from './compose-event-handlers';
+export { toInt } from './to-int';
+export { getThumbOffsetFromScroll } from './get-thumb-offset-from-scroll';
+export { getScrollPositionFromPointer } from './get-scroll-position-from-pointer';
+export { addUnlinkedScrollListener } from './add-unlinked-scroll-listener';

package/lib/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.d.ts

@@ -0,0 +1 @@
+export declare function isScrollingWithinScrollbarBounds(scrollPos: number, maxScrollPos: number): boolean;

package/lib/components/ScrollArea/utils/linear-scale.d.ts

@@ -0,0 +1 @@
+export declare function linearScale(input: readonly [number, number], output: readonly [number, number]): (value: number) => number;

package/lib/components/ScrollArea/utils/to-int.d.ts

@@ -0,0 +1 @@
+export declare function toInt(value?: string): number;

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

@@ -19,9 +19,9 @@ export interface SegmentedControlProps extends BoxProps, StylesApiProps<Segmente
     defaultValue?: string;
     /** Called when value changes */
     onChange?(value: string): void;
-    /** Determines whether component is disabled */
+    /** Determines whether the component is disabled */
     disabled?: boolean;
-    /** Name of the radio group, by default random id is generated */
+    /** Name of the radio group, by default random name is generated */
     name?: string;
     /** Determines whether the component should take 100% width of its parent, `false` by default */
     fullWidth?: boolean;
@@ -29,15 +29,15 @@ export interface SegmentedControlProps extends BoxProps, StylesApiProps<Segmente
     color?: MantineColor;
     /** Controls `font-size`, `padding` and `height` properties, `'sm'` by default */
     size?: MantineSize | (string & {});
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem (1rem = 16px), `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
     radius?: MantineRadius | (string & {}) | number;
-    /** Indicator `transition-duration` in ms, set to 0 to turn off transitions, `200` by default */
+    /** Indicator `transition-duration` in ms, set `0` to turn off transitions, `200` by default */
     transitionDuration?: number;
     /** Indicator `transition-timing-function` property, `ease` by default */
     transitionTimingFunction?: string;
     /** Determines in which orientation component id displayed, `'horizontal'` by default */
     orientation?: 'vertical' | 'horizontal';
-    /** Determines whether value can be changed */
+    /** Determines whether the value can be changed */
     readOnly?: boolean;
 }
 export type SegmentedControlFactory = Factory<{