@mantine/core 7.13.5-alpha.1 → 7.13.5

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

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+import type { MantineStyleProp } from '../../Box';
+import { FactoryPayload } from '../../factory';
+import { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';
+import { ClassNames, ClassNamesArray, GetStylesApiOptions, Styles } from '../styles-api.types';
+export interface UseStylesInput<Payload extends FactoryPayload> {
+    name: string | (string | undefined)[];
+    classes: Payload['stylesNames'] extends string ? Record<string, string> : never;
+    props: Payload['props'];
+    stylesCtx?: Payload['ctx'];
+    className?: string;
+    style?: MantineStyleProp;
+    rootSelector?: Payload['stylesNames'];
+    unstyled?: boolean;
+    classNames?: ClassNames<Payload> | ClassNamesArray<Payload>;
+    styles?: Styles<Payload>;
+    vars?: PartialVarsResolver<Payload>;
+    varsResolver?: VarsResolver<Payload>;
+}
+export type GetStylesApi<Payload extends FactoryPayload> = (selector: NonNullable<Payload['stylesNames']>, options?: GetStylesApiOptions) => {
+    className: string;
+    style: CSSProperties;
+};
+export declare function useStyles<Payload extends FactoryPayload>({ name, classes, props, stylesCtx, className, style, rootSelector, unstyled, classNames, styles, vars, varsResolver, }: UseStylesInput<Payload>): GetStylesApi<Payload>;

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

@@ -0,0 +1,10 @@
+interface UseTransformedStylesInput {
+    props: Record<string, any>;
+    stylesCtx: Record<string, any> | undefined;
+    themeName: string[];
+}
+export declare function useStylesTransform({ props, stylesCtx, themeName }: UseTransformedStylesInput): {
+    getTransformedStyles: (styles: any[]) => Record<string, string>[];
+    withStylesTransform: boolean;
+};
+export {};

package/lib/core/utils/camel-to-kebab-case/camel-to-kebab-case.d.ts

@@ -0,0 +1 @@
+export declare function camelToKebabCase(value: string): string;

package/lib/core/utils/close-on-escape/close-on-escape.d.ts

@@ -0,0 +1,7 @@
+interface Options {
+    active: boolean | undefined;
+    onTrigger?: () => void;
+    onKeyDown?: (event: React.KeyboardEvent<any>) => void;
+}
+export declare function closeOnEscape(callback?: (event: any) => void, options?: Options): (event: React.KeyboardEvent<any>) => void;
+export {};

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/create-optional-context/create-optional-context.d.ts

@@ -0,0 +1,4 @@
+export declare function createOptionalContext<ContextValue>(initialValue?: ContextValue | null): readonly [({ children, value }: {
+    value: ContextValue;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, () => ContextValue | null];

package/lib/core/utils/create-safe-context/create-safe-context.d.ts

@@ -0,0 +1,4 @@
+export declare function createSafeContext<ContextValue>(errorMessage: string): readonly [({ children, value }: {
+    value: ContextValue;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, () => ContextValue & ({} | undefined)];

package/lib/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.d.ts

@@ -0,0 +1,18 @@
+interface GetElementsSiblingsInput {
+    /** Selector used to find parent node, e.g. '[role="tablist"]', '.mantine-Text-root' */
+    parentSelector: string;
+    /** Selector used to find element siblings, e.g. '[data-tab]' */
+    siblingSelector: string;
+    /** Determines whether next/previous indices should loop */
+    loop?: boolean;
+    /** Determines which arrow keys will be used */
+    orientation: 'vertical' | 'horizontal';
+    /** Text direction */
+    dir?: 'rtl' | 'ltr';
+    /** Determines whether element should be clicked when focused with keyboard event */
+    activateOnFocus?: boolean;
+    /** External keydown event */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+}
+export declare function createScopedKeydownHandler({ parentSelector, siblingSelector, onKeyDown, loop, activateOnFocus, dir, orientation, }: GetElementsSiblingsInput): (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+export {};

package/lib/core/utils/create-use-external-events/create-use-external-events.d.ts

@@ -0,0 +1 @@
+export declare function createUseExternalEvents<Handlers extends Record<string, (detail: any) => void>>(prefix: string): readonly [(events: Handlers) => void, <EventKey extends keyof Handlers>(event: EventKey) => (...payload: Parameters<Handlers[EventKey]>[0] extends undefined ? [undefined?] : [Parameters<Handlers[EventKey]>[0]]) => void];

package/lib/core/utils/deep-merge/deep-merge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends object>(target: T, source: any): T;

package/lib/core/utils/filter-props/filter-props.d.ts

@@ -0,0 +1,5 @@
+type FilterPropsRes<T extends Record<string, any>> = {
+    [Key in keyof T]-?: T[Key] extends undefined ? never : T[Key];
+};
+export declare function filterProps<T extends Record<string, any>>(props: T): FilterPropsRes<T>;
+export {};

package/lib/core/utils/find-element-ancestor/find-element-ancestor.d.ts

@@ -0,0 +1 @@
+export declare function findElementAncestor(element: HTMLElement, selector: string): HTMLElement | null;

package/lib/core/utils/get-base-value/get-base-value.d.ts

@@ -0,0 +1,2 @@
+import type { StyleProp } from '../../Box';
+export declare function getBaseValue<Value = any>(value: StyleProp<Value>): Value | undefined;

package/lib/core/utils/get-breakpoint-value/get-breakpoint-value.d.ts

@@ -0,0 +1,3 @@
+import type { MantineBreakpoint } from '../../MantineProvider';
+export type BreakpointsSource = Record<MantineBreakpoint, number | string>;
+export declare function getBreakpointValue(breakpoint: number | string, breakpoints: BreakpointsSource): number;

package/lib/core/utils/get-context-item-index/get-context-item-index.d.ts

@@ -0,0 +1 @@
+export declare function getContextItemIndex(elementSelector: string, parentSelector: string, node: HTMLElement): number | null;

package/lib/core/utils/get-default-z-index/get-default-z-index.d.ts

@@ -0,0 +1,9 @@
+declare const elevations: {
+    readonly app: 100;
+    readonly modal: 200;
+    readonly popover: 300;
+    readonly overlay: 400;
+    readonly max: 9999;
+};
+export declare function getDefaultZIndex(level: keyof typeof elevations): 100 | 200 | 300 | 400 | 9999;
+export {};

package/lib/core/utils/get-env/get-env.d.ts

@@ -0,0 +1 @@
+export declare function getEnv(): string;

package/lib/core/utils/get-ref-prop/get-ref-prop.d.ts

@@ -0,0 +1 @@
+export declare function getRefProp(element: any): any;

package/lib/core/utils/get-safe-id/get-safe-id.d.ts

@@ -0,0 +1 @@
+export declare function getSafeId(uid: string, errorMessage: string): (value: string) => string;

package/lib/core/utils/get-size/get-size.d.ts

@@ -0,0 +1,6 @@
+export declare function getSize(size: unknown, prefix?: string, convertToRem?: boolean): string | undefined;
+export declare function getSpacing(size: unknown): string | undefined;
+export declare function getRadius(size: unknown): string | undefined;
+export declare function getFontSize(size: unknown): string | undefined;
+export declare function getLineHeight(size: unknown): string | undefined;
+export declare function getShadow(size: unknown): string | undefined;

package/lib/core/utils/get-sorted-breakpoints/get-sorted-breakpoints.d.ts

@@ -0,0 +1,5 @@
+import { BreakpointsSource } from '../get-breakpoint-value/get-breakpoint-value';
+export declare function getSortedBreakpoints(values: string[], breakpoints: BreakpointsSource): {
+    value: string;
+    px: number;
+}[];

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

@@ -0,0 +1,26 @@
+export { keys } from './keys/keys';
+export { deepMerge } from './deep-merge/deep-merge';
+export { camelToKebabCase } from './camel-to-kebab-case/camel-to-kebab-case';
+export { px, rem, em } from './units-converters';
+export { filterProps } from './filter-props/filter-props';
+export { isNumberLike } from './is-number-like/is-number-like';
+export { isElement } from './is-element/is-element';
+export { createSafeContext } from './create-safe-context/create-safe-context';
+export { createOptionalContext } from './create-optional-context/create-optional-context';
+export { getSafeId } from './get-safe-id/get-safe-id';
+export { createScopedKeydownHandler } from './create-scoped-keydown-handler/create-scoped-keydown-handler';
+export { findElementAncestor } from './find-element-ancestor/find-element-ancestor';
+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';
+export { getBreakpointValue } from './get-breakpoint-value/get-breakpoint-value';
+export { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';
+export { getBaseValue } from './get-base-value/get-base-value';
+export { getContextItemIndex } from './get-context-item-index/get-context-item-index';
+export { useHovered } from './use-hovered/use-hovered';
+export { createUseExternalEvents } from './create-use-external-events/create-use-external-events';
+export { getEnv } from './get-env/get-env';
+export { memoize } from './memoize/memoize';
+export { getRefProp } from './get-ref-prop/get-ref-prop';

package/lib/core/utils/is-element/is-element.d.ts

@@ -0,0 +1 @@
+export declare function isElement(value: any): value is React.ReactElement;

package/lib/core/utils/is-number-like/is-number-like.d.ts

@@ -0,0 +1 @@
+export declare function isNumberLike(value: unknown): boolean;

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

@@ -0,0 +1 @@
+export declare function keys<T extends object, K extends keyof T>(object: T): K[];

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

@@ -0,0 +1 @@
+export declare function memoize<T extends (...args: any[]) => any>(func: T): (...args: Parameters<T>) => ReturnType<T>;

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

@@ -0,0 +1 @@
+export declare const noop: () => void;

package/lib/core/utils/units-converters/index.d.ts

@@ -0,0 +1,2 @@
+export { px } from './px';
+export { em, rem } from './rem';

package/lib/core/utils/units-converters/px.d.ts

@@ -0,0 +1 @@
+export declare function px(value: unknown): string | number;

package/lib/core/utils/units-converters/rem.d.ts

@@ -0,0 +1,2 @@
+export declare const rem: (value: unknown) => string;
+export declare const em: (value: unknown) => string;

package/lib/core/utils/use-hovered/use-hovered.d.ts

@@ -0,0 +1,4 @@
+export declare function useHovered(): readonly [number | null, {
+    readonly setHovered: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+    readonly resetHovered: () => void;
+}];

package/lib/index.d.mts

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

package/lib/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.13.5-alpha.1",
+  "version": "7.13.5",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.13.5-alpha.1",
+    "@mantine/hooks": "7.13.5",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },