@mantine/core 8.3.13 → 9.0.0-alpha.0

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

@@ -1,2 +1,8 @@
+import type { UnstyledButtonFactory, UnstyledButtonProps, UnstyledButtonStylesNames } from './UnstyledButton';
 export { UnstyledButton } from './UnstyledButton';
-export type { UnstyledButtonProps, UnstyledButtonStylesNames, UnstyledButtonFactory, } from './UnstyledButton';
+export type { UnstyledButtonProps, UnstyledButtonStylesNames, UnstyledButtonFactory };
+export declare namespace UnstyledButton {
+    type Props = UnstyledButtonProps;
+    type StylesNames = UnstyledButtonStylesNames;
+    type Factory = UnstyledButtonFactory;
+}

package/lib/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,14 +1,14 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type VisuallyHiddenStylesNames = 'root';
-export interface VisuallyHiddenProps extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'div'> {
+export interface VisuallyHiddenProps extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {
 }
 export type VisuallyHiddenFactory = Factory<{
     props: VisuallyHiddenProps;
-    ref: HTMLDivElement;
+    ref: HTMLSpanElement;
     stylesNames: VisuallyHiddenStylesNames;
 }>;
 export declare const VisuallyHidden: import("../..").MantineComponent<{
     props: VisuallyHiddenProps;
-    ref: HTMLDivElement;
+    ref: HTMLSpanElement;
     stylesNames: VisuallyHiddenStylesNames;
 }>;

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

@@ -1,2 +1,6 @@
+import type { VisuallyHiddenProps } from './VisuallyHidden';
 export { VisuallyHidden } from './VisuallyHidden';
-export type { VisuallyHiddenProps } from './VisuallyHidden';
+export type { VisuallyHiddenProps };
+export declare namespace VisuallyHidden {
+    type Props = VisuallyHiddenProps;
+}

package/lib/components/index.d.ts

@@ -47,6 +47,7 @@ export * from './Drawer';
 export * from './Fieldset';
 export * from './FileButton';
 export * from './FileInput';
+export * from './FloatingWindow';
 export * from './FocusTrap';
 export * from './Grid';
 export * from './Highlight';
@@ -58,6 +59,7 @@ export * from './Kbd';
 export * from './List';
 export * from './LoadingOverlay';
 export * from './Mark';
+export * from './Marquee';
 export * from './Menu';
 export * from './Modal';
 export * from './MultiSelect';
@@ -66,6 +68,7 @@ export * from './NavLink';
 export * from './Notification';
 export * from './NumberFormatter';
 export * from './NumberInput';
+export * from './OverflowList';
 export * from './Pagination';
 export * from './PasswordInput';
 export * from './Pill';
@@ -76,6 +79,7 @@ export * from './Progress';
 export * from './Radio';
 export * from './Rating';
 export * from './RingProgress';
+export * from './Scroller';
 export * from './SegmentedControl';
 export * from './Select';
 export * from './SemiCircleProgress';

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

@@ -23,7 +23,7 @@ export interface BoxProps extends MantineStyleProps {
     /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
     mod?: BoxMod;
 }
-export type ElementProps<ElementType extends React.ElementType, PropsToOmit extends string = never> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;
+export type ElementProps<ElementType extends React.ElementType, PropsToOmit extends string = never> = Omit<React.ComponentProps<ElementType>, 'style' | PropsToOmit>;
 export interface BoxComponentProps extends BoxProps {
     /** Variant passed from parent component, sets `data-variant` */
     variant?: string;
@@ -32,7 +32,7 @@ export interface BoxComponentProps extends BoxProps {
 }
 export declare const Box: (<C = "div">(props: import("..").PolymorphicComponentProps<C, BoxComponentProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(BoxComponentProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof BoxComponentProps> & {
+} & Omit<any, "component" | keyof BoxComponentProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (BoxComponentProps & {

package/lib/core/Box/style-props/style-props.types.d.ts

@@ -15,6 +15,10 @@ export interface MantineStyleProps {
     ms?: StyleProp<MantineSpacing>;
     /** MarginInlineEnd, theme key: theme.spacing */
     me?: StyleProp<MantineSpacing>;
+    /** MarginInlineStart, theme key: theme.spacing */
+    mis?: StyleProp<MantineSpacing>;
+    /** MarginInlineEnd, theme key: theme.spacing */
+    mie?: StyleProp<MantineSpacing>;
     /** MarginLeft, theme key: theme.spacing */
     ml?: StyleProp<MantineSpacing>;
     /** MarginRight, theme key: theme.spacing */
@@ -33,6 +37,10 @@ export interface MantineStyleProps {
     ps?: StyleProp<MantineSpacing>;
     /** PaddingInlineEnd, theme key: theme.spacing */
     pe?: StyleProp<MantineSpacing>;
+    /** PaddingInlineStart, theme key: theme.spacing */
+    pis?: StyleProp<MantineSpacing>;
+    /** PaddingInlineEnd, theme key: theme.spacing */
+    pie?: StyleProp<MantineSpacing>;
     /** PaddingLeft, theme key: theme.spacing */
     pl?: StyleProp<MantineSpacing>;
     /** PaddingRight, theme key: theme.spacing */

package/lib/core/DirectionProvider/DirectionProvider.d.ts

@@ -11,7 +11,7 @@ export interface DirectionProviderProps {
     children: React.ReactNode;
     /** Direction set as a default value, `ltr` by default */
     initialDirection?: Direction;
-    /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element) @default `true`  */
+    /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element) @default true  */
     detectDirection?: boolean;
 }
 export declare function DirectionProvider({ children, initialDirection, detectDirection, }: DirectionProviderProps): import("react/jsx-runtime").JSX.Element;

package/lib/core/InlineStyles/InlineStyles.d.ts

@@ -1,4 +1,4 @@
 import { InlineStylesInput } from './styles-to-string/styles-to-string';
-export interface InlineStylesProps extends InlineStylesInput, Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {
+export interface InlineStylesProps extends InlineStylesInput, Omit<React.ComponentProps<'style'>, keyof InlineStylesInput> {
 }
 export declare function InlineStyles(props: InlineStylesInput): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import type { MantineColorScheme } from '../theme.types';
-export interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'script'> {
+export interface ColorSchemeScriptProps extends React.ComponentProps<'script'> {
     forceColorScheme?: 'light' | 'dark';
     defaultColorScheme?: MantineColorScheme;
     localStorageKey?: string;

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

@@ -16,21 +16,21 @@ export interface MantineProviderProps {
     forceColorScheme?: 'light' | 'dark';
     /** CSS selector to which CSS variables should be added, by default variables are applied to `:root` and `:host` */
     cssVariablesSelector?: string;
-    /** Determines whether theme CSS variables should be added to given `cssVariablesSelector` @default `true` */
+    /** Determines whether theme CSS variables should be added to given `cssVariablesSelector` @default true */
     withCssVariables?: boolean;
-    /** Determines whether CSS variables should be deduplicated: if CSS variable has the same value as in default theme, it is not added in the runtime. @default `true`. */
+    /** Determines whether CSS variables should be deduplicated: if CSS variable has the same value as in default theme, it is not added in the runtime. @default true. */
     deduplicateCssVariables?: boolean;
     /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */
     getRootElement?: () => HTMLElement | undefined;
     /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */
     classNamesPrefix?: string;
-    /** Function to generate nonce attribute added to all generated `<style />` tags */
+    /** Function to generate nonce attribute added to all generated `style` tags */
     getStyleNonce?: () => string;
     /** Function to generate CSS variables based on theme object */
     cssVariablesResolver?: CSSVariablesResolver;
-    /** Determines whether components should have static classes, for example, `mantine-Button-root`. @default `true` */
+    /** Determines whether components should have static classes, for example, `mantine-Button-root`. @default true */
     withStaticClasses?: boolean;
-    /** Determines whether global classes should be added with `<style />` tag. Global classes are required for `hiddenFrom`/`visibleFrom` and `lightHidden`/`darkHidden` props to work. @default `true`. */
+    /** Determines whether global classes should be added with `<style />` tag. Global classes are required for `hiddenFrom`/`visibleFrom` and `lightHidden`/`darkHidden` props to work. @default true. */
     withGlobalClasses?: boolean;
     /** An object to transform `styles` and `sx` props into css classes, can be used with CSS-in-JS libraries */
     stylesTransform?: MantineStylesTransform;

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

@@ -3,7 +3,7 @@ export declare const MantineThemeContext: import("react").Context<MantineTheme |
 export declare const useSafeMantineTheme: () => MantineTheme;
 export declare function useMantineTheme(): MantineTheme;
 export interface MantineThemeProviderProps {
-    /** Determines whether theme should be inherited from parent MantineProvider @default `true` */
+    /** Determines whether theme should be inherited from parent MantineProvider @default true */
     inherit?: boolean;
     /** Theme override object */
     theme?: MantineThemeOverride;

package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts

@@ -4,6 +4,6 @@ interface GetContrastColorInput {
     theme: MantineTheme;
     autoContrast?: boolean | undefined | null;
 }
-export declare function getContrastColor({ color, theme, autoContrast }: GetContrastColorInput): "var(--mantine-color-black)" | "var(--mantine-color-white)";
-export declare function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark'): "var(--mantine-color-black)" | "var(--mantine-color-white)";
+export declare function getContrastColor({ color, theme, autoContrast }: GetContrastColorInput): "var(--mantine-color-white)" | "var(--mantine-color-black)";
+export declare function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark'): "var(--mantine-color-white)" | "var(--mantine-color-black)";
 export {};

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

@@ -7,8 +7,8 @@ export interface MantineTheme {
      *  - `never` – focus ring is always hidden (not recommended)
      */
     focusRing: 'auto' | 'always' | 'never';
-    /** Rem units scale, change if you customize font-size of `<html />` element
-     *  default value is `1` (for `100%`/`16px` font-size on `<html />`)
+    /** Rem units scale, change if you customize font-size of `html` element
+     *  default value is `1` (for `100%`/`16px` font-size on `html`)
      */
     scale: number;
     /** Determines whether `font-smoothing` property should be set on the body, `true` by default */

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

@@ -1,11 +1,11 @@
 type ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps & Omit<Props, keyof OverrideProps>;
 type ElementType = keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
-type PropsOf<C extends ElementType> = React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+type PropsOf<C extends ElementType> = React.JSX.LibraryManagedAttributes<C, React.ComponentProps<C>>;
 type ComponentProp<C> = {
     component?: C;
 };
 type InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;
-export type PolymorphicRef<C> = C extends React.ElementType ? React.ComponentPropsWithRef<C>['ref'] : never;
+export type PolymorphicRef<C> = C extends React.ElementType ? React.ComponentProps<C>['ref'] : never;
 export type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType ? InheritedProps<C, Props & ComponentProp<C>> & {
     ref?: PolymorphicRef<C>;
     renderRoot?: (props: any) => any;
@@ -13,11 +13,12 @@ export type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementTy
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
 };
-export declare function createPolymorphicComponent<ComponentDefaultType, Props, StaticComponents = Record<string, never>>(component: any): (<C = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => React.ReactElement) & Omit<import("react").FunctionComponent<(Props & ComponentProp<any> & Omit<Omit<any, "ref">, "component" | keyof Props> & {
+export declare function createPolymorphicComponent<ComponentDefaultType, Props, StaticComponents = Record<string, never>>(component: any): (<C = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => React.ReactElement) & Omit<import("react").FunctionComponent<(Props & ComponentProp<any> & Omit<any, "component" | keyof Props> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (Props & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & StaticComponents;
+export declare const polymorphic: typeof createPolymorphicComponent;
 export {};

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

@@ -1,5 +1,5 @@
 import type { MantineThemeComponent } from '../MantineProvider';
-import type { ClassNames, PartialVarsResolver, Styles } from '../styles-api';
+import type { ClassNames, PartialVarsResolver, Styles, VarsResolver } from '../styles-api';
 export type DataAttributes = Record<`data-${string}`, any>;
 export interface FactoryPayload {
     props: Record<string, any>;
@@ -10,6 +10,7 @@ export interface FactoryPayload {
     variant?: string;
     staticComponents?: Record<string, any>;
     compound?: boolean;
+    signature?: any;
 }
 export interface ExtendCompoundComponent<Payload extends FactoryPayload> {
     defaultProps?: Partial<Payload['props']> & DataAttributes;
@@ -30,17 +31,25 @@ export interface ThemeExtend<Payload extends FactoryPayload> {
 export type ComponentClasses<Payload extends FactoryPayload> = {
     classes: Payload['stylesNames'] extends string ? Record<string, string> : never;
 };
-export type MantineComponentStaticProperties<Payload extends FactoryPayload> = ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']> & FactoryComponentWithProps<Payload>;
+export type MantineComponentStaticProperties<Payload extends FactoryPayload> = ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']> & ComponentVariablesResolver<Payload> & FactoryComponentWithProps<Payload>;
+export interface PlaceholderPolymorphicProps {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}
 export type FactoryComponentWithProps<Payload extends FactoryPayload> = {
-    withProps: (props: Partial<Payload['props']>) => React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']> & {
-        component?: any;
-        renderRoot?: (props: Record<string, any>) => React.ReactNode;
-    }>;
+    withProps: (props: Partial<Payload['props']>) => React.NamedExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']> & PlaceholderPolymorphicProps>;
 };
-export type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']> & {
+export type ComponentVariablesResolver<Payload extends FactoryPayload> = Payload['vars'] extends Record<string, any> ? {
+    varsResolver: VarsResolver<Payload>;
+} : {};
+export type MantineComponent<Payload extends FactoryPayload> = React.NamedExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']> & {
     component?: any;
     renderRoot?: (props: Record<string, any>) => React.ReactNode;
 }> & MantineComponentStaticProperties<Payload>;
 export declare function identity<T>(value: T): T;
-export declare function getWithProps<T, Props>(Component: T): (props: Partial<Props>) => T;
-export declare function factory<Payload extends FactoryPayload>(ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>): MantineComponent<Payload>;
+export declare function factory<Payload extends FactoryPayload>(ui: (props: Payload['props'] & {
+    ref?: React.Ref<Payload['ref']>;
+}) => React.ReactNode): MantineComponent<Payload>;
+export declare function genericFactory<Payload extends FactoryPayload>(ui: Payload['signature']): Payload["signature"] & MantineComponentStaticProperties<Payload> & {
+    displayName?: string;
+};

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

@@ -1,7 +1,7 @@
-export { factory, getWithProps } from './factory';
+export { factory, genericFactory } from './factory';
 export { polymorphicFactory } from './polymorphic-factory';
-export { createPolymorphicComponent } from './create-polymorphic-component';
-export type { FactoryPayload, ExtendComponent, MantineComponent, MantineComponentStaticProperties, FactoryComponentWithProps, } from './factory';
+export { createPolymorphicComponent, polymorphic } from './create-polymorphic-component';
+export type { FactoryPayload, ExtendComponent, MantineComponent, MantineComponentStaticProperties, FactoryComponentWithProps, PlaceholderPolymorphicProps, } from './factory';
 export type { MantinePolymorphicComponent } from './polymorphic-factory';
 export type { PolymorphicComponentProps, PolymorphicRef } from './create-polymorphic-component';
 export type { Factory, PolymorphicFactory } from './create-factory';

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

@@ -1,5 +1,5 @@
 import { PolymorphicComponentProps } from './create-polymorphic-component';
-import { ComponentClasses, FactoryPayload, StaticComponents, ThemeExtend } from './factory';
+import { ComponentClasses, ComponentVariablesResolver, FactoryPayload, StaticComponents, ThemeExtend } from './factory';
 export interface PolymorphicFactoryPayload extends FactoryPayload {
     defaultComponent: any;
     defaultRef: any;
@@ -7,13 +7,15 @@ export interface PolymorphicFactoryPayload extends FactoryPayload {
 export type PolymorphicComponentWithProps<Payload extends PolymorphicFactoryPayload> = {
     withProps: <C = Payload['defaultComponent']>(fixedProps: PolymorphicComponentProps<C, Payload['props']>) => <L = C>(props: PolymorphicComponentProps<L, Payload['props']>) => React.ReactElement;
 };
-export declare function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>): (<C = Payload["defaultComponent"]>(props: PolymorphicComponentProps<C, Payload["props"]>) => React.ReactElement) & Omit<import("react").FunctionComponent<(Payload["props"] & {
+export declare function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(ui: (props: Payload['props'] & {
+    ref?: React.Ref<any>;
+}) => React.ReactNode): (<C = Payload["defaultComponent"]>(props: PolymorphicComponentProps<C, Payload["props"]>) => React.ReactElement) & Omit<import("react").FunctionComponent<(Payload["props"] & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof Payload["props"]> & {
+} & Omit<any, "component" | keyof Payload["props"]> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (Payload["props"] & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & PolymorphicComponentWithProps<Payload> & StaticComponents<Payload["staticComponents"]>;
-export type MantinePolymorphicComponent<Payload extends PolymorphicFactoryPayload> = (<C = Payload['defaultComponent']>(props: PolymorphicComponentProps<C, Payload['props']>) => React.ReactElement) & Omit<React.FunctionComponent<PolymorphicComponentProps<any, Payload['props']>>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & PolymorphicComponentWithProps<Payload> & StaticComponents<Payload['staticComponents']>;
+})>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & ComponentVariablesResolver<Payload> & PolymorphicComponentWithProps<Payload> & StaticComponents<Payload["staticComponents"]>;
+export type MantinePolymorphicComponent<Payload extends PolymorphicFactoryPayload> = (<C = Payload['defaultComponent']>(props: PolymorphicComponentProps<C, Payload['props']>) => React.ReactElement) & Omit<React.FunctionComponent<PolymorphicComponentProps<any, Payload['props']>>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & ComponentVariablesResolver<Payload> & PolymorphicComponentWithProps<Payload> & StaticComponents<Payload['staticComponents']>;

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

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

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

@@ -6,7 +6,6 @@ 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';
@@ -25,5 +24,7 @@ export { getEnv } from './get-env/get-env';
 export { memoize } from './memoize/memoize';
 export { findClosestNumber } from './find-closest-number/find-closest-number';
 export { getRefProp } from './get-ref-prop/get-ref-prop';
+export { isPrimitive } from './primitive/primitive';
 export { findElementBySelector, findElementsBySelector, getRootElement, } from './find-element-in-shadow-dom/find-element-in-shadow-dom';
 export { getSingleElementChild } from './get-single-element-child/get-single-element-child';
+export type { Primitive } from './primitive/primitive';

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

@@ -0,0 +1,2 @@
+export type Primitive = string | number | boolean | bigint;
+export declare function isPrimitive(value: unknown): value is Primitive;

package/lib/utils/Floating/FloatingArrow/FloatingArrow.d.ts

@@ -1,5 +1,5 @@
 import { ArrowPosition, FloatingPosition } from '../types';
-interface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {
+interface FloatingArrowProps extends React.ComponentProps<'div'> {
     position: FloatingPosition;
     arrowSize: number;
     arrowOffset: number;
@@ -9,5 +9,8 @@ interface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {
     arrowY: number | undefined;
     visible: boolean | undefined;
 }
-export declare const FloatingArrow: import("react").ForwardRefExoticComponent<FloatingArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function FloatingArrow({ position, arrowSize, arrowOffset, arrowRadius, arrowPosition, visible, arrowX, arrowY, style, ...others }: FloatingArrowProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FloatingArrow {
+    var displayName: string;
+}
 export {};

package/lib/utils/InlineInput/InlineInput.d.ts

@@ -18,4 +18,7 @@ export type InlineInputFactory = Factory<{
     props: any;
     stylesNames: InlineInputStylesNames;
 }>;
-export declare const InlineInput: import("react").ForwardRefExoticComponent<InlineInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function InlineInput({ __staticSelector, __stylesApiProps, className, classNames, styles, unstyled, children, label, description, id, disabled, error, size, labelPosition, bodyElement, labelElement, variant, style, vars, mod, attributes, ...others }: InlineInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace InlineInput {
+    var displayName: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "8.3.13",
+  "version": "9.0.0-alpha.0",
   "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": "8.3.13",
+    "@mantine/hooks": "9.0.0-alpha.0",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },
@@ -51,14 +51,14 @@
     "@floating-ui/react": "^0.27.16",
     "clsx": "^2.1.1",
     "react-number-format": "^5.4.4",
-    "react-remove-scroll": "^2.7.1",
+    "react-remove-scroll": "^2.7.2",
     "react-textarea-autosize": "8.5.9",
     "type-fest": "^4.41.0"
   },
   "devDependencies": {
     "@mantine-tests/core": "workspace:*",
     "@mantine/hooks": "workspace:*",
-    "react": "19.1.1",
-    "react-dom": "19.1.1"
+    "react": "19.2.1",
+    "react-dom": "19.2.1"
   }
 }

package/styles/Accordion.css

@@ -14,6 +14,7 @@
 .m_8fa820a0 {
   margin: 0;
   padding: 0;
+  width: 100%;
 }
 
 .m_4ba585b8 {
@@ -99,6 +100,10 @@
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
+.m_9bd7b098 {
+  overflow: hidden;
+}
+
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);

package/styles/Accordion.layer.css

@@ -14,6 +14,7 @@
 .m_8fa820a0 {
   margin: 0;
   padding: 0;
+  width: 100%;
 }
 
 .m_4ba585b8 {
@@ -99,6 +100,10 @@
     margin-inline-start: var(--mantine-spacing-lg);
   }
 
+.m_9bd7b098 {
+  overflow: hidden;
+}
+
 :where([data-mantine-color-scheme='light']) .m_9bd7b098 {
     --item-border-color: var(--mantine-color-gray-3);
     --item-filled-color: var(--mantine-color-gray-0);

package/styles/Card.css

@@ -4,11 +4,18 @@
   position: relative;
   overflow: hidden;
   display: flex;
-  flex-direction: column;
   padding: var(--card-padding);
   color: var(--mantine-color-text);
 }
 
+  .m_e615b15f:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+
+  .m_e615b15f:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+
   :where([data-mantine-color-scheme='light']) .m_e615b15f {
     background-color: var(--mantine-color-white);
 }
@@ -22,33 +29,61 @@
   margin-inline: calc(var(--card-padding) * -1);
 }
 
-.m_599a2148:where(:first-child) {
-    margin-top: calc(var(--card-padding) * -1);
-    border-top: none !important;
-  }
-
-.m_599a2148:where(:last-child) {
-    margin-bottom: calc(var(--card-padding) * -1);
-    border-bottom: none !important;
-  }
-
-.m_599a2148:where([data-inherit-padding]) {
-    padding-inline: var(--card-padding);
-  }
-
-.m_599a2148:where([data-with-border]) {
-    border-top: 1px solid;
-    border-bottom: 1px solid;
-  }
-
 :where([data-mantine-color-scheme='light']) .m_599a2148 {
-    border-color: var(--mantine-color-gray-3);
+    --border-color: var(--mantine-color-gray-3);
 }
 
 :where([data-mantine-color-scheme='dark']) .m_599a2148 {
-    border-color: var(--mantine-color-dark-4);
+    --border-color: var(--mantine-color-dark-4);
 }
 
-.m_599a2148 + .m_599a2148 {
-    border-top: none !important;
+.m_599a2148:where([data-orientation='vertical']):first-child {
+      margin-top: calc(var(--card-padding) * -1);
+      border-top: none !important;
+    }
+
+.m_599a2148:where([data-orientation='vertical']):last-child {
+      margin-bottom: calc(var(--card-padding) * -1);
+      border-bottom: none !important;
+    }
+
+.m_599a2148:where([data-orientation='vertical'])[data-inherit-padding] {
+      padding-inline: var(--card-padding);
+    }
+
+.m_599a2148:where([data-orientation='vertical'])[data-with-border] {
+      border-top: 1px solid var(--border-color);
+      border-bottom: 1px solid var(--border-color);
+    }
+
+.m_599a2148:where([data-orientation='vertical']) + .m_599a2148:where([data-orientation='vertical']) {
+      border-top: none !important;
+    }
+
+.m_599a2148:where([data-orientation='horizontal']) {
+    margin-block: calc(var(--card-padding) * -1);
+    margin-inline: 0;
   }
+
+.m_599a2148:where([data-orientation='horizontal']):first-child {
+      margin-inline-start: calc(var(--card-padding) * -1);
+      border-inline-start: none !important;
+    }
+
+.m_599a2148:where([data-orientation='horizontal']):last-child {
+      margin-inline-end: calc(var(--card-padding) * -1);
+      border-inline-end: none !important;
+    }
+
+.m_599a2148:where([data-orientation='horizontal'])[data-inherit-padding] {
+      padding-block: var(--card-padding);
+    }
+
+.m_599a2148:where([data-orientation='horizontal'])[data-with-border] {
+      border-inline-start: 1px solid var(--border-color);
+      border-inline-end: 1px solid var(--border-color);
+    }
+
+.m_599a2148:where([data-orientation='horizontal']) + .m_599a2148:where([data-orientation='horizontal']) {
+      border-inline-start: none !important;
+    }