@mantine/core 7.0.0-alpha.11 → 7.0.0-alpha.13

package/lib/components/index.d.ts

@@ -20,6 +20,7 @@ export * from './ColorSwatch';
 export * from './Container';
 export * from './CopyButton';
 export * from './Divider';
+export * from './Fieldset';
 export * from './FileButton';
 export * from './Floating';
 export * from './FocusTrap';
@@ -30,7 +31,10 @@ export * from './InputBase';
 export * from './Kbd';
 export * from './Loader';
 export * from './Mark';
+export * from './Modal';
+export * from './ModalBase';
 export * from './NativeSelect';
+export * from './Notification';
 export * from './Overlay';
 export * from './Paper';
 export * from './Popover';

package/lib/core/factory/factory.d.ts

@@ -26,6 +26,9 @@ export type StaticComponents<Input> = Input extends Record<string, any> ? Input
 export interface ThemeExtend<Payload extends FactoryPayload> {
     extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;
 }
-export type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']>> & ThemeExtend<Payload> & StaticComponents<Payload['staticComponents']>;
+export type ComponentClasses<Payload extends FactoryPayload> = {
+    classes: Payload['stylesNames'] extends string ? Record<Payload['stylesNames'], string> : never;
+};
+export type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']>> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']>;
 export declare function identity<T>(value: T): T;
 export declare function factory<Payload extends FactoryPayload>(ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>): MantineComponent<Payload>;

package/lib/core/factory/polymorphic-factory.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FactoryPayload, StaticComponents, ThemeExtend } from './factory';
+import { FactoryPayload, StaticComponents, ThemeExtend, ComponentClasses } from './factory';
 import { PolymorphicComponentProps } from './create-polymorphic-component';
 export interface PolymorphicFactoryPayload extends FactoryPayload {
     defaultComponent: any;
@@ -11,4 +11,4 @@ export declare function polymorphicFactory<Payload extends PolymorphicFactoryPay
     ref?: any;
 }) | (Payload["props"] & {
     component: import("react").ElementType<any>;
-})>, never> & ThemeExtend<Payload> & StaticComponents<Payload["staticComponents"]>;
+})>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload["staticComponents"]>;

package/lib/core/styles-api/styles-api.types.d.ts

@@ -22,6 +22,7 @@ export interface GetStylesApiOptions {
 export type StylesApiRecord<Payload extends FactoryPayload, DataType> = Payload['stylesNames'] extends string ? StylesRecord<Payload['stylesNames'], DataType> | ((theme: MantineTheme, props: Payload['props'], ctx: Payload['ctx']) => StylesRecord<Payload['stylesNames'], DataType>) : never;
 export type Styles<Payload extends FactoryPayload> = StylesApiRecord<Payload, CSSProperties>;
 export type ClassNames<Payload extends FactoryPayload> = StylesApiRecord<Payload, string>;
+export type ClassNamesArray<Payload extends FactoryPayload> = (StylesApiRecord<Payload, string> | undefined)[];
 export type StylesRecord<StylesNames extends string, Payload> = Partial<Record<StylesNames, Payload>>;
 export interface StylesApiProps<Payload extends FactoryPayload> {
     unstyled?: boolean;

package/lib/core/styles-api/use-styles/get-class-name/get-class-name.d.ts

@@ -1,6 +1,7 @@
 import { MantineTheme } from '../../../MantineProvider';
 import { GetStylesApiOptions } from '../../styles-api.types';
-export type _ClassNames = undefined | Partial<Record<string, string>> | ((theme: MantineTheme, props: Record<string, any>, ctx: Record<string, any> | undefined) => Partial<Record<string, string>>);
+type __ClassNames = undefined | Partial<Record<string, string>> | ((theme: MantineTheme, props: Record<string, any>, ctx: Record<string, any> | undefined) => Partial<Record<string, string>>);
+export type _ClassNames = __ClassNames | __ClassNames[];
 export interface GetClassNameOptions {
     /** Theme object, resolved by hook */
     theme: MantineTheme;
@@ -28,3 +29,4 @@ export interface GetClassNameOptions {
     stylesCtx?: Record<string, any> | undefined;
 }
 export declare function getClassName({ theme, options, themeName, selector, classNamesPrefix, classNames, classes, unstyled, className, rootSelector, props, stylesCtx, }: GetClassNameOptions): string;
+export {};

package/lib/core/styles-api/use-styles/use-styles.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties } from 'react';
 import type { MantineStyleProp } from '../../Box';
 import { FactoryPayload } from '../../factory';
 import { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';
-import { Styles, ClassNames, GetStylesApiOptions } from '../styles-api.types';
+import { Styles, ClassNames, GetStylesApiOptions, ClassNamesArray } from '../styles-api.types';
 export interface UseStylesInput<Payload extends FactoryPayload> {
     name: string | (string | undefined)[];
     classes: Payload['stylesNames'] extends string ? Record<Payload['stylesNames'], string> : never;
@@ -12,7 +12,7 @@ export interface UseStylesInput<Payload extends FactoryPayload> {
     style?: MantineStyleProp;
     rootSelector?: Payload['stylesNames'];
     unstyled?: boolean;
-    classNames?: ClassNames<Payload>;
+    classNames?: ClassNames<Payload> | ClassNamesArray<Payload>;
     styles?: Styles<Payload>;
     vars?: PartialVarsResolver<Payload>;
     varsResolver?: VarsResolver<Payload>;

package/lib/index.d.ts

@@ -1,2 +1,3 @@
+export { RemoveScroll } from 'react-remove-scroll';
 export * from './core';
 export * from './components';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/core",
   "description": "React components library focused on usability, accessibility and developer experience",
-  "version": "7.0.0-alpha.11",
+  "version": "7.0.0-alpha.13",
   "types": "./lib/index.d.ts",
   "exports": {
     ".": {
@@ -34,7 +34,7 @@
     "design"
   ],
   "peerDependencies": {
-    "@mantine/hooks": "7.0.0-alpha.11",
+    "@mantine/hooks": "7.0.0-alpha.13",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },