@mantine/core 7.0.0-alpha.16 → 7.0.0-alpha.18

package/lib/components/index.d.ts

@@ -5,7 +5,9 @@ export * from './ActionIcon';
 export * from './Affix';
 export * from './Alert';
 export * from './Anchor';
+export * from './AppShell';
 export * from './AspectRatio';
+export * from './Autocomplete';
 export * from './Avatar';
 export * from './BackgroundImage';
 export * from './Badge';
@@ -38,9 +40,11 @@ export * from './Loader';
 export * from './Mark';
 export * from './Modal';
 export * from './ModalBase';
+export * from './MultiSelect';
 export * from './NativeSelect';
 export * from './Notification';
 export * from './Overlay';
+export * from './Pagination';
 export * from './Paper';
 export * from './Pill';
 export * from './PillsInput';
@@ -48,11 +52,14 @@ export * from './Popover';
 export * from './Portal';
 export * from './ScrollArea';
 export * from './SegmentedControl';
+export * from './Select';
+export * from './Skeleton';
 export * from './Slider';
 export * from './Stack';
 export * from './Switch';
 export * from './Table';
 export * from './Tabs';
+export * from './TagsInput';
 export * from './Text';
 export * from './TextInput';
 export * from './Title';

package/lib/core/Box/Box.d.ts

@@ -1,15 +1,20 @@
 import React from 'react';
+import { MantineBreakpoint } from '../MantineProvider';
 import type { MantineStyleProp, CssVarsProp } from './Box.types';
 import { MantineStyleProps } from './style-props';
 export type Mod = Record<string, any> | string;
 export type BoxMod = Mod | Mod[] | BoxMod[];
 export interface BoxProps extends MantineStyleProps {
-    /** Class added to root element, if applicable */
+    /** Class added to the root element, if applicable */
     className?: string;
     /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */
     style?: MantineStyleProp;
     /** CSS variables defined on root component element */
     __vars?: CssVarsProp;
+    /** Breakpoint above which the component is hidden with `display: none` */
+    hiddenFrom?: MantineBreakpoint;
+    /** Breakpoint below which the component is hidden with `display: none` */
+    visibleFrom?: MantineBreakpoint;
 }
 export type ElementProps<ElementType extends React.ElementType, PropsToOmit extends string = never> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;
 export interface BoxComponentProps extends BoxProps {

package/lib/core/MantineProvider/Mantine.context.d.ts

@@ -11,6 +11,7 @@ interface MantineContextValue {
     classNamesPrefix: string;
     getStyleNonce?(): string | undefined;
     cssVariablesResolver?(theme: MantineTheme): ConvertCSSVariablesInput;
+    cssVariablesSelector: string;
 }
 export declare const MantineContext: import("react").Context<MantineContextValue | null>;
 export declare function useMantineContext(): MantineContextValue;

package/lib/core/MantineProvider/MantineClasses/MantineClasses.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function MantineClasses(): JSX.Element;

package/lib/core/MantineProvider/MantineClasses/index.d.ts

@@ -0,0 +1 @@
+export { MantineClasses } from './MantineClasses';

package/lib/core/MantineProvider/MantineProvider.d.ts

@@ -1,6 +1,4 @@
-import './styles/css-reset.css';
-import './styles/global-styles.css';
-import './styles/default-css-variables.css';
+import './global.css';
 import React from 'react';
 import { CSSVariablesResolver } from './MantineCssVariables';
 import type { MantineColorScheme, MantineThemeOverride } from './theme.types';

package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts

@@ -1,2 +1,2 @@
 import { UseMediaQueryOptions } from '@mantine/hooks';
-export declare function useComputedColorScheme(defaultValue: 'light' | 'dark', options?: UseMediaQueryOptions): "dark" | "light";
+export declare function useComputedColorScheme(defaultValue: 'light' | 'dark', options?: UseMediaQueryOptions): "light" | "dark";

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

@@ -1,6 +1,7 @@
 export { createVarsResolver } from './create-vars-resolver/create-vars-resolver';
 export { resolveClassNames } from './use-styles/get-class-name/resolve-class-names/resolve-class-names';
 export { resolveStyles } from './use-styles/get-style/resolve-styles/resolve-styles';
+export { useResolvedStylesApi } from './use-resolved-styles-api/use-resolved-styles-api';
 export { FOCUS_CLASS_NAMES } from './use-styles/get-class-name/get-global-class-names/get-global-class-names';
 export * from './styles-api.types';
 export * from './use-styles/use-styles';

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

@@ -0,0 +1,12 @@
+import { FactoryPayload } from '../../factory';
+import { ClassNames, Styles } from '../styles-api.types';
+export interface UseResolvedStylesApiInput<Payload extends FactoryPayload> {
+    classNames: ClassNames<Payload> | undefined;
+    styles: Styles<Payload> | undefined;
+    props: Record<string, any>;
+    stylesCtx?: Record<string, any>;
+}
+export declare function useResolvedStylesApi<Payload extends FactoryPayload>({ classNames, styles, props, stylesCtx, }: UseResolvedStylesApiInput<Payload>): {
+    resolvedClassNames: Partial<Record<string, string>>;
+    resolvedStyles: Record<string, any>;
+};

package/lib/core/utils/create-event-handler/create-event-handler.d.ts

@@ -0,0 +1,3 @@
+type EventHandler<Event> = ((event?: Event) => void) | undefined;
+export declare function createEventHandler<Event>(parentEventHandler: EventHandler<Event>, eventHandler: EventHandler<Event>): (event?: Event) => void;
+export {};

package/lib/core/utils/index.d.ts

@@ -14,3 +14,4 @@ export { getDefaultZIndex } from './get-default-z-index/get-default-z-index';
 export { closeOnEscape } from './close-on-escape/close-on-escape';
 export { noop } from './noop/noop';
 export { getSize, getSpacing, getShadow, getRadius, getFontSize, getLineHeight, } from './get-size/get-size';
+export { createEventHandler } from './create-event-handler/create-event-handler';

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.16",
+  "version": "7.0.0-alpha.18",
   "types": "./lib/index.d.ts",
   "exports": {
     ".": {
@@ -9,7 +9,8 @@
       "require": "./cjs/index.js",
       "types": "./lib/index.d.ts"
     },
-    "./styles.css": "./esm/index.css"
+    "./styles.css": "./esm/index.css",
+    "./styles/*": "./esm/styles/*"
   },
   "license": "MIT",
   "author": "Vitaly Rtishchev <rtivital@gmail.com>",
@@ -34,7 +35,7 @@
     "design"
   ],
   "peerDependencies": {
-    "@mantine/hooks": "7.0.0-alpha.16",
+    "@mantine/hooks": "7.0.0-alpha.18",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
@@ -43,8 +44,7 @@
     "clsx": "1.1.1",
     "react-textarea-autosize": "8.3.4",
     "react-remove-scroll": "^2.5.5",
-    "type-fest": "^3.6.1",
-    "tslib": "^2.5.2"
+    "type-fest": "^3.6.1"
   },
   "devDependencies": {}
 }

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"root":"mantine-64TYjOY"};
-
-exports.default = classes;
-//# sourceMappingURL=ActionIconGroup.module.css.js.map

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionIconGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"root":"mantine-4FAj0g7"};
-
-exports.default = classes;
-//# sourceMappingURL=AvatarGroup.module.css.js.map

package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Button/ButtonGroup/ButtonGroup.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"root":"mantine-VaCj17A"};
-
-exports.default = classes;
-//# sourceMappingURL=ButtonGroup.module.css.js.map

package/cjs/components/Button/ButtonGroup/ButtonGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"root":"mantine--1TgA5h"};
-
-exports.default = classes;
-//# sourceMappingURL=ComboboxChevron.module.css.js.map

package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxChevron.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Input/InputPlaceholder/InputPlaceholder.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"placeholder":"mantine-7YWxW9a"};
-
-exports.default = classes;
-//# sourceMappingURL=InputPlaceholder.module.css.js.map

package/cjs/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputPlaceholder.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Input/InputWrapper/InputWrapper.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"root":"mantine-k-roXEr","label":"mantine-BMQXnww","required":"mantine-7gKrkkZ","error":"mantine-mToQZGN","description":"mantine-G6m1fCH"};
-
-exports.default = classes;
-//# sourceMappingURL=InputWrapper.module.css.js.map

package/cjs/components/Input/InputWrapper/InputWrapper.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputWrapper.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Loader/loaders/Bars.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"loader":"mantine-jUL-C9E","bar":"mantine-Vr3xFOO","bars-loader-animation":"mantine-CbbKYq7"};
-
-exports.default = classes;
-//# sourceMappingURL=Bars.module.css.js.map

package/cjs/components/Loader/loaders/Bars.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bars.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Loader/loaders/Dots.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"loader":"mantine-k1XfX4K","dot":"mantine-NjfH0Vn","loader-dots-animation":"mantine--ObWAwB"};
-
-exports.default = classes;
-//# sourceMappingURL=Dots.module.css.js.map

package/cjs/components/Loader/loaders/Dots.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dots.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Loader/loaders/Oval.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"loader":"mantine-e-ztMiT","oval-loader-animation":"mantine-61wydlj"};
-
-exports.default = classes;
-//# sourceMappingURL=Oval.module.css.js.map

package/cjs/components/Loader/loaders/Oval.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Oval.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/Pill/PillGroup/PillGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/components/PillsInput/PillsInputField/PillsInputField.module.css.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var classes = {"root":"mantine-WAKiSWq"};
-
-exports.default = classes;
-//# sourceMappingURL=PillsInputField.module.css.js.map

package/cjs/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillsInputField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine-64TYjOY"};
-
-export default classes;
-//# sourceMappingURL=ActionIconGroup.module.css.js.map

package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionIconGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine-4FAj0g7"};
-
-export default classes;
-//# sourceMappingURL=AvatarGroup.module.css.js.map

package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Button/ButtonGroup/ButtonGroup.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine-VaCj17A"};
-
-export default classes;
-//# sourceMappingURL=ButtonGroup.module.css.js.map

package/esm/components/Button/ButtonGroup/ButtonGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine--1TgA5h"};
-
-export default classes;
-//# sourceMappingURL=ComboboxChevron.module.css.js.map

package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxChevron.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"placeholder":"mantine-7YWxW9a"};
-
-export default classes;
-//# sourceMappingURL=InputPlaceholder.module.css.js.map

package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputPlaceholder.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Input/InputWrapper/InputWrapper.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine-k-roXEr","label":"mantine-BMQXnww","required":"mantine-7gKrkkZ","error":"mantine-mToQZGN","description":"mantine-G6m1fCH"};
-
-export default classes;
-//# sourceMappingURL=InputWrapper.module.css.js.map

package/esm/components/Input/InputWrapper/InputWrapper.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputWrapper.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/loaders/Bars.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"loader":"mantine-jUL-C9E","bar":"mantine-Vr3xFOO","bars-loader-animation":"mantine-CbbKYq7"};
-
-export default classes;
-//# sourceMappingURL=Bars.module.css.js.map

package/esm/components/Loader/loaders/Bars.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bars.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/loaders/Dots.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"loader":"mantine-k1XfX4K","dot":"mantine-NjfH0Vn","loader-dots-animation":"mantine--ObWAwB"};
-
-export default classes;
-//# sourceMappingURL=Dots.module.css.js.map

package/esm/components/Loader/loaders/Dots.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dots.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Loader/loaders/Oval.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"loader":"mantine-e-ztMiT","oval-loader-animation":"mantine-61wydlj"};
-
-export default classes;
-//# sourceMappingURL=Oval.module.css.js.map

package/esm/components/Loader/loaders/Oval.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Oval.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Pill/PillGroup/PillGroup.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine-RShN60E"};
-
-export default classes;
-//# sourceMappingURL=PillGroup.module.css.js.map

package/esm/components/Pill/PillGroup/PillGroup.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js

@@ -1,4 +0,0 @@
-var classes = {"root":"mantine-WAKiSWq"};
-
-export default classes;
-//# sourceMappingURL=PillsInputField.module.css.js.map

package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PillsInputField.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}