@mantine/core 7.0.0-beta.3 → 7.0.0-beta.4

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

@@ -21,5 +21,6 @@ export interface OptionsDropdownProps {
     value?: string | string[] | null;
     checkIconPosition?: 'left' | 'right';
     nothingFoundMessage?: React.ReactNode;
+    unstyled: boolean | undefined;
 }
-export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, unstyled, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseBodyProps } from '../ModalBase';
 export type DrawerBodyStylesNames = 'body';
-export interface DrawerBodyProps extends ModalBaseBodyProps, StylesApiProps<DrawerBodyFactory> {
+export interface DrawerBodyProps extends ModalBaseBodyProps, CompoundStylesApiProps<DrawerBodyFactory> {
 }
 export type DrawerBodyFactory = Factory<{
     props: DrawerBodyProps;

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

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseCloseButtonProps } from '../ModalBase';
 export type DrawerCloseButtonStylesNames = 'close';
-export interface DrawerCloseButtonProps extends ModalBaseCloseButtonProps, StylesApiProps<DrawerCloseButtonFactory> {
+export interface DrawerCloseButtonProps extends ModalBaseCloseButtonProps, CompoundStylesApiProps<DrawerCloseButtonFactory> {
 }
 export type DrawerCloseButtonFactory = Factory<{
     props: DrawerCloseButtonProps;

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

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseContentProps } from '../ModalBase';
 export type DrawerContentStylesNames = 'content' | 'inner';
-export interface DrawerContentProps extends ModalBaseContentProps, StylesApiProps<DrawerContentFactory> {
+export interface DrawerContentProps extends ModalBaseContentProps, CompoundStylesApiProps<DrawerContentFactory> {
 }
 export type DrawerContentFactory = Factory<{
     props: DrawerContentProps;

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

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseHeaderProps } from '../ModalBase';
 export type DrawerHeaderStylesNames = 'header';
-export interface DrawerHeaderProps extends ModalBaseHeaderProps, StylesApiProps<DrawerHeaderFactory> {
+export interface DrawerHeaderProps extends ModalBaseHeaderProps, CompoundStylesApiProps<DrawerHeaderFactory> {
 }
 export type DrawerHeaderFactory = Factory<{
     props: DrawerHeaderProps;

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

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseOverlayProps } from '../ModalBase';
 export type DrawerOverlayStylesNames = 'overlay';
-export interface DrawerOverlayProps extends ModalBaseOverlayProps, StylesApiProps<DrawerOverlayFactory> {
+export interface DrawerOverlayProps extends ModalBaseOverlayProps, CompoundStylesApiProps<DrawerOverlayFactory> {
 }
 export type DrawerOverlayFactory = Factory<{
     props: DrawerOverlayProps;

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

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseTitleProps } from '../ModalBase';
 export type DrawerTitleStylesNames = 'title';
-export interface DrawerTitleProps extends ModalBaseTitleProps, StylesApiProps<DrawerTitleFactory> {
+export interface DrawerTitleProps extends ModalBaseTitleProps, CompoundStylesApiProps<DrawerTitleFactory> {
 }
 export type DrawerTitleFactory = Factory<{
     props: DrawerTitleProps;

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

@@ -9,7 +9,7 @@ export interface FieldsetProps extends BoxProps, StylesApiProps<FieldsetFactory>
     /** Fieldset legend */
     legend?: React.ReactNode;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
 }
 export type FieldsetFactory = Factory<{
     props: FieldsetProps;

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

@@ -7,7 +7,7 @@ export type GridCssVariables = {
 };
 export interface GridProps extends BoxProps, StylesApiProps<GridFactory>, ElementProps<'div'> {
     /** Gutter between columns, key of `theme.spacing` or any valid CSS value, `'md'` by default */
-    gutter?: StyleProp<MantineSpacing | (string & {}) | number>;
+    gutter?: StyleProp<MantineSpacing>;
     /** Determines whether columns in the last row should expand to fill all available space, `false` by default */
     grow?: boolean;
     /** Sets `justify-content`, `flex-start` by default */

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

@@ -1,7 +1,7 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, StyleProp } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, StyleProp } from '../../../core';
 export type GridColStylesNames = 'col';
 export type ColSpan = number | 'auto' | 'content';
-export interface GridColProps extends BoxProps, StylesApiProps<GridColFactory>, ElementProps<'div'> {
+export interface GridColProps extends BoxProps, CompoundStylesApiProps<GridColFactory>, ElementProps<'div'> {
     /** Column span, `12` by default */
     span?: StyleProp<ColSpan>;
     /** Column order, can be used to reorder columns at different viewport sizes */

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

@@ -16,7 +16,7 @@ export interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, Elem
     /** 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, `'md'` by default */
-    gap?: MantineSpacing | (string & {}) | number;
+    gap?: MantineSpacing;
     /** Determines whether each child element should have `flex-grow: 1` style, `false` by default */
     grow?: boolean;
     /** Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children), `true` by default */

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

@@ -6,7 +6,7 @@ export type ImageCssVariables = {
 };
 export interface ImageProps extends BoxProps, StylesApiProps<ImageFactory> {
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `0` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Controls `object-fit` style, `'cover'` by default */
     fit?: React.CSSProperties['objectFit'];
     /** Image url that will be used as a fallback in case `src` prop is not set or image cannot be loaded */

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

@@ -18,7 +18,7 @@ export interface IndicatorProps extends BoxProps, StylesApiProps<IndicatorFactor
     /** Label rendered inside the indicator, for example, notification count */
     label?: React.ReactNode;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `100` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Key of `theme.colors` or any valid CSS color value, `theme.primaryColor` by default */
     color?: MantineColor;
     /** Determines whether the indicator should have a border (color of the border is the same as the body element), `false` by default */

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

@@ -39,7 +39,7 @@ export interface __InputProps {
     /** 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, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Sets `disabled` attribute on the `input` element */
     disabled?: boolean;
     /** Controls input `height` and horizontal `padding`, `'sm'` by default */

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

@@ -9,7 +9,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "className" | "id" | "size" | "styles" | "vars" | "variant" | "classNames" | "unstyled" | "error" | "description" | "required" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "classNames" | "styles" | "vars" | "className" | "id" | "error" | "variant" | "size" | "unstyled" | "required" | "__staticSelector" | "description" | "__stylesApiProps" | "wrapperProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     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;
@@ -33,6 +33,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
         withAsterisk: boolean | undefined;
         variant: string | undefined;
+        id: string | undefined;
     } & BoxProps;
     inputProps: {
         required: boolean | undefined;
@@ -44,6 +45,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         __stylesApiProps: Record<string, any>;
         error: import("react").ReactNode;
         variant: string | undefined;
+        id: string | undefined;
     };
 };
 export {};

package/lib/components/List/List.d.ts

@@ -17,7 +17,7 @@ export interface ListProps extends BoxProps, StylesApiProps<ListFactory>, Elemen
     /** Icon that replaces list item dot */
     icon?: React.ReactNode;
     /** Key of `theme.spacing` or any valid CSS value to set spacing between items, `0` by default */
-    spacing?: MantineSpacing | (string & {}) | number;
+    spacing?: MantineSpacing;
     /** Determines whether items must be centered with their icon, `false` by default */
     center?: boolean;
     /** Controls `list-style-type`, by default inferred from `type` */

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type ListItemStylesNames = 'item' | 'itemWrapper' | 'itemIcon' | 'itemLabel';
-export interface ListItemProps extends BoxProps, StylesApiProps<ListItemFactory>, ElementProps<'li'> {
+export interface ListItemProps extends BoxProps, CompoundStylesApiProps<ListItemFactory>, ElementProps<'li'> {
     /** Icon to replace item bullet */
     icon?: React.ReactNode;
     /** Item content */

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

@@ -13,6 +13,7 @@ interface MenuContext {
     loop: boolean | undefined;
     trigger: 'click' | 'hover' | undefined;
     opened: boolean;
+    unstyled: boolean | undefined;
     getStyles: GetStylesApi<MenuFactory>;
 }
 export declare const MenuContextProvider: ({ children, value }: {

package/lib/components/Menu/MenuDivider/MenuDivider.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type MenuDividerStylesNames = 'divider';
-export interface MenuDividerProps extends BoxProps, StylesApiProps<MenuDividerFactory>, ElementProps<'div'> {
+export interface MenuDividerProps extends BoxProps, CompoundStylesApiProps<MenuDividerFactory>, ElementProps<'div'> {
 }
 export type MenuDividerFactory = Factory<{
     props: MenuDividerProps;

package/lib/components/Menu/MenuDropdown/MenuDropdown.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type MenuDropdownStylesNames = 'dropdown';
-export interface MenuDropdownProps extends BoxProps, StylesApiProps<MenuDropdownFactory>, ElementProps<'div'> {
+export interface MenuDropdownProps extends BoxProps, CompoundStylesApiProps<MenuDropdownFactory>, ElementProps<'div'> {
 }
 export type MenuDropdownFactory = Factory<{
     props: MenuDropdownProps;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineColor } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, PolymorphicFactory, MantineColor } from '../../../core';
 export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection';
-export interface MenuItemProps extends BoxProps, StylesApiProps<MenuItemFactory> {
+export interface MenuItemProps extends BoxProps, CompoundStylesApiProps<MenuItemFactory> {
     /** Item label */
     children?: React.ReactNode;
     /** Key of `theme.colors` or any valid CSS color */
@@ -25,7 +25,7 @@ export type MenuItemFactory = PolymorphicFactory<{
 export declare const MenuItem: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(MenuItemProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof MenuItemProps> & {
-    ref?: any; /** Determines whether the menu should be closed when the item is clicked, overrides `closeOnItemClick` prop on the `Menu` component */
+    ref?: any;
 }) | (MenuItemProps & {
     component: React.ElementType<any>;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{

package/lib/components/Menu/MenuLabel/MenuLabel.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type MenuLabelStylesNames = 'label';
-export interface MenuLabelProps extends BoxProps, StylesApiProps<MenuLabelFactory>, ElementProps<'div'> {
+export interface MenuLabelProps extends BoxProps, CompoundStylesApiProps<MenuLabelFactory>, ElementProps<'div'> {
 }
 export type MenuLabelFactory = Factory<{
     props: MenuLabelProps;

package/lib/components/Modal/ModalBody.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseBodyProps } from '../ModalBase';
 export type ModalBodyStylesNames = 'body';
-export interface ModalBodyProps extends ModalBaseBodyProps, StylesApiProps<ModalBodyFactory> {
+export interface ModalBodyProps extends ModalBaseBodyProps, CompoundStylesApiProps<ModalBodyFactory> {
 }
 export type ModalBodyFactory = Factory<{
     props: ModalBodyProps;

package/lib/components/Modal/ModalCloseButton.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseCloseButtonProps } from '../ModalBase';
 export type ModalCloseButtonStylesNames = 'close';
-export interface ModalCloseButtonProps extends ModalBaseCloseButtonProps, StylesApiProps<ModalCloseButtonFactory> {
+export interface ModalCloseButtonProps extends ModalBaseCloseButtonProps, CompoundStylesApiProps<ModalCloseButtonFactory> {
 }
 export type ModalCloseButtonFactory = Factory<{
     props: ModalCloseButtonProps;

package/lib/components/Modal/ModalContent.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseContentProps } from '../ModalBase';
 export type ModalContentStylesNames = 'content' | 'inner';
-export interface ModalContentProps extends ModalBaseContentProps, StylesApiProps<ModalContentFactory> {
+export interface ModalContentProps extends ModalBaseContentProps, CompoundStylesApiProps<ModalContentFactory> {
 }
 export type ModalContentFactory = Factory<{
     props: ModalContentProps;

package/lib/components/Modal/ModalHeader.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseHeaderProps } from '../ModalBase';
 export type ModalHeaderStylesNames = 'header';
-export interface ModalHeaderProps extends ModalBaseHeaderProps, StylesApiProps<ModalHeaderFactory> {
+export interface ModalHeaderProps extends ModalBaseHeaderProps, CompoundStylesApiProps<ModalHeaderFactory> {
 }
 export type ModalHeaderFactory = Factory<{
     props: ModalHeaderProps;

package/lib/components/Modal/ModalOverlay.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseOverlayProps } from '../ModalBase';
 export type ModalOverlayStylesNames = 'overlay';
-export interface ModalOverlayProps extends ModalBaseOverlayProps, StylesApiProps<ModalOverlayFactory> {
+export interface ModalOverlayProps extends ModalBaseOverlayProps, CompoundStylesApiProps<ModalOverlayFactory> {
 }
 export type ModalOverlayFactory = Factory<{
     props: ModalOverlayProps;

package/lib/components/Modal/ModalRoot.d.ts

@@ -15,7 +15,7 @@ export interface ModalRootProps extends StylesApiProps<ModalRootFactory>, ModalB
     /** Scroll area component, native `div` element by default */
     scrollAreaComponent?: ScrollAreaComponent;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Determines whether the modal should be centered vertically, `false` by default */
     centered?: boolean;
     /** Determines whether the modal should take the entire screen, `false` by default */

package/lib/components/Modal/ModalTitle.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory } from '../../core';
+import { CompoundStylesApiProps, Factory } from '../../core';
 import { ModalBaseTitleProps } from '../ModalBase';
 export type ModalTitleStylesNames = 'title';
-export interface ModalTitleProps extends ModalBaseTitleProps, StylesApiProps<ModalTitleFactory> {
+export interface ModalTitleProps extends ModalBaseTitleProps, CompoundStylesApiProps<ModalTitleFactory> {
 }
 export type ModalTitleFactory = Factory<{
     props: ModalTitleProps;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { TransitionOverride } from '../Transition';
 interface ModalBaseContextValue {
+    unstyled: boolean | undefined;
     titleMounted: boolean;
     bodyMounted: boolean;
     setTitleMounted(value: boolean): void;

package/lib/components/ModalBase/ModalBase.d.ts

@@ -3,6 +3,7 @@ import { BoxProps, ElementProps, MantineShadow, MantineSize, MantineSpacing } fr
 import { PortalProps } from '../Portal';
 import { TransitionOverride } from '../Transition';
 export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
+    unstyled?: boolean;
     /** If set modal/drawer will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */
     keepMounted?: boolean;
     /** Determines whether modal/drawer is opened */
@@ -32,9 +33,9 @@ export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
     /** `z-index` CSS property of the root element, `200` by default */
     zIndex?: string | number;
     /** Key of `theme.shadows` or any valid CSS box-shadow value, 'xl' by default */
-    shadow?: MantineShadow | (string & {});
+    shadow?: MantineShadow;
     /** Key of `theme.spacing` or any valid CSS value to set content, header and footer padding, `'md'` by default */
-    padding?: MantineSpacing | (string & {}) | number;
+    padding?: MantineSpacing;
     /** Controls width of the content area, `'md'` by default */
     size?: MantineSize | (string & {}) | number;
 }

package/lib/components/ModalBase/ModalBaseContent.d.ts

@@ -5,9 +5,9 @@ export interface ModalBaseContentProps extends BoxProps, ElementProps<'div'> {
     /** Props passed down to the `Transition` component */
     transitionProps?: TransitionOverride;
     /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */
-    shadow?: MantineShadow | (string & {});
+    shadow?: MantineShadow;
     /** 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 & {});
+    radius?: MantineRadius;
 }
 interface _ModalBaseContentProps extends ModalBaseContentProps {
     innerProps: React.ComponentPropsWithoutRef<'div'>;

package/lib/components/Notification/Notification.d.ts

@@ -11,7 +11,7 @@ export interface NotificationProps extends BoxProps, StylesApiProps<Notification
     /** Controls notification line or icon color, key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */
     color?: MantineColor;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Notification icon, replaces color line */
     icon?: React.ReactNode;
     /** Notification title, displayed before body */

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

@@ -16,7 +16,7 @@ export interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {
     /** Overlay z-index, `200` by default */
     zIndex?: string | number;
     /** Key of `theme.radius` or any valid CSS value to set border-radius, `0` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Content inside overlay */
     children?: React.ReactNode;
     /** Determines whether content inside overlay should be vertically and horizontally centered, `false` by default */

package/lib/components/Pagination/PaginationControl/PaginationControl.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type PaginationControlStylesNames = 'control';
-export interface PaginationControlProps extends BoxProps, StylesApiProps<PaginationControlFactory>, ElementProps<'button'> {
+export interface PaginationControlProps extends BoxProps, CompoundStylesApiProps<PaginationControlFactory>, ElementProps<'button'> {
     /** Determines whether control should have active styles */
     active?: boolean;
     /** Determines whether control should have padding, true by default */

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 import { PaginationIconProps } from '../Pagination.icons';
 export type PaginationDotsStylesNames = 'dots';
-export interface PaginationDotsProps extends BoxProps, StylesApiProps<PaginationDotsFactory>, ElementProps<'div'> {
+export interface PaginationDotsProps extends BoxProps, CompoundStylesApiProps<PaginationDotsFactory>, ElementProps<'div'> {
     /** Custom dots icon component, must accept svg element props and size prop */
     icon?: React.FC<PaginationIconProps>;
 }

package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts

@@ -23,7 +23,7 @@ export interface PaginationRootProps extends BoxProps, StylesApiProps<Pagination
     /** Key of `theme.colors`, active item color, `theme.primaryColor` by default */
     color?: MantineColor;
     /** 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;
+    radius?: MantineRadius;
     /** Called when next page control is clicked */
     onNextPage?(): void;
     /** Called when previous page control is clicked */

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

@@ -6,9 +6,9 @@ export type PaperCssVariables = {
 };
 export interface PaperBaseProps {
     /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */
-    shadow?: MantineShadow | (string & {});
+    shadow?: MantineShadow;
     /** 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 & {});
+    radius?: MantineRadius;
     /** Determines whether the paper should have border, border color depends on color scheme, `false` by default */
     withBorder?: boolean;
 }
@@ -23,7 +23,7 @@ export type PaperFactory = PolymorphicFactory<{
 }>;
 export declare const Paper: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaperProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaperProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof PaperProps> & {
+} & Omit<Omit<any, "ref">, keyof PaperProps | "component"> & {
     ref?: any;
 }) | (PaperProps & {
     component: React.ElementType<any>;

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

@@ -16,7 +16,7 @@ export interface PillProps extends BoxProps, StylesApiProps<PillFactory>, Elemen
     /** Props passed down to the remove button */
     removeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
     /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `'xl'` by default. */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** If pill is disabled it has higher contrast to be visible on the disabled input background and the remove button is hidden */
     disabled?: boolean;
 }

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

@@ -10,9 +10,9 @@ export interface PinInputProps extends BoxProps, StylesApiProps<PinInputFactory>
     /** Hidden input form attribute */
     form?: string;
     /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */
-    gap?: MantineSpacing | (string & {}) | number;
+    gap?: MantineSpacing;
     /** 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;
+    radius?: MantineRadius;
     /** Controls inputs `width` and `height`, `'sm'` by default */
     size?: MantineSize;
     /** If set, the first input is focused when component is mounted, `false` by default */

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

@@ -27,8 +27,8 @@ interface PopoverContext {
     portalProps?: Omit<PortalProps, 'children'>;
     closeOnEscape: boolean | undefined;
     zIndex: string | number | undefined;
-    radius?: MantineRadius | (string & {}) | number | undefined;
-    shadow?: MantineShadow | (string & {}) | undefined;
+    radius?: MantineRadius | undefined;
+    shadow?: MantineShadow | undefined;
     onClose?(): void;
     getDropdownId(): string;
     getTargetId(): string;

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

@@ -46,9 +46,9 @@ export interface __PopoverProps {
     /** Dropdown `z-index`, `300` by default */
     zIndex?: string | number;
     /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Key of `theme.shadows` or any other valid CSS `box-shadow` value */
-    shadow?: MantineShadow | (string & {});
+    shadow?: MantineShadow;
     /** 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 */

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

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 import type { PopoverStylesNames } from '../Popover';
-export interface PopoverDropdownProps extends BoxProps, StylesApiProps<PopoverDropdownFactory>, ElementProps<'div'> {
+export interface PopoverDropdownProps extends BoxProps, CompoundStylesApiProps<PopoverDropdownFactory>, ElementProps<'div'> {
 }
 export type PopoverDropdownFactory = Factory<{
     props: PopoverDropdownProps;

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

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type ProgressLabelStylesNames = 'label';
-export interface ProgressLabelProps extends BoxProps, StylesApiProps<ProgressLabelFactory>, ElementProps<'div'> {
+export interface ProgressLabelProps extends BoxProps, CompoundStylesApiProps<ProgressLabelFactory>, ElementProps<'div'> {
 }
 export type ProgressLabelFactory = Factory<{
     props: ProgressLabelProps;

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

@@ -7,7 +7,7 @@ export interface __ProgressRootProps extends BoxProps, ElementProps<'div'> {
     /** Controls track height, `'md'` by default */
     size?: MantineSize | (string & {}) | number;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
 }
 export interface ProgressRootProps extends __ProgressRootProps, StylesApiProps<ProgressRootFactory> {
 }

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

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
 export type ProgressSectionStylesNames = 'section';
-export interface ProgressSectionProps extends BoxProps, StylesApiProps<ProgressSectionFactory>, ElementProps<'div'> {
+export interface ProgressSectionProps extends BoxProps, CompoundStylesApiProps<ProgressSectionFactory>, ElementProps<'div'> {
     /** Value of the section in 0–100 range  */
     value: number;
     /** Determines whether `aria-*` props should be added to the root element, `true` by default */

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

@@ -25,7 +25,7 @@ export interface RadioProps extends BoxProps, StylesApiProps<RadioFactory>, Elem
     /** Error displayed below the label */
     error?: React.ReactNode;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius,` "xl" by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
 }
 export type RadioFactory = Factory<{
     props: RadioProps;

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

@@ -29,7 +29,7 @@ export interface SegmentedControlProps extends BoxProps, StylesApiProps<Segmente
     /** 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, `theme.defaultRadius` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Indicator `transition-duration` in ms, set `0` to turn off transitions, `200` by default */
     transitionDuration?: number;
     /** Indicator `transition-timing-function` property, `ease` by default */

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

@@ -4,9 +4,9 @@ export interface SimpleGridProps extends BoxProps, StylesApiProps<SimpleGridFact
     /** Number of columns, `1` by default */
     cols?: StyleProp<number>;
     /** Spacing between columns, `'md'` by default */
-    spacing?: StyleProp<MantineSpacing | (string & {}) | number>;
+    spacing?: StyleProp<MantineSpacing>;
     /** Spacing between rows, `'md'` by default */
-    verticalSpacing?: StyleProp<MantineSpacing | (string & {}) | number>;
+    verticalSpacing?: StyleProp<MantineSpacing>;
 }
 export type SimpleGridFactory = Factory<{
     props: SimpleGridProps;

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

@@ -7,7 +7,7 @@ export interface RangeSliderProps extends BoxProps, StylesApiProps<RangeSliderFa
     /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb, `theme.primaryColor` by default */
     color?: MantineColor;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `'xl'` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Controls size of the track, `'md'` by default */
     size?: MantineSize | (string & {}) | number;
     /** Minimal possible value, `0` by default */

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

@@ -6,7 +6,7 @@ export interface SliderProps extends BoxProps, StylesApiProps<SliderFactory>, El
     /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb, `theme.primaryColor` by default */
     color?: MantineColor;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `'xl'` by default */
-    radius?: MantineRadius | (string & {}) | number;
+    radius?: MantineRadius;
     /** Controls size of the track, `'md'` by default */
     size?: MantineSize | (string & {}) | number;
     /** Minimal possible value, `0` by default */