@mantine/core 9.0.0-alpha.0 → 9.0.0-alpha.2

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

@@ -8,7 +8,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T> | null>(component: string, defaultProps: U, _props: T): Omit<T & (U extends null | undefined ? {} : { [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>; }), "vars" | "variant" | "className" | "style" | "unstyled" | "classNames" | "styles" | "attributes" | "size" | "label" | "id" | "mod" | "__staticSelector" | "required" | "description" | "error" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T> | null>(component: string, defaultProps: U, _props: T): Omit<T & (U extends null | undefined ? {} : { [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>; }), "classNames" | "styles" | "vars" | "label" | "style" | "className" | "id" | "variant" | "size" | "unstyled" | "attributes" | "mod" | "error" | "description" | "__staticSelector" | "required" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../..").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     styles: Partial<Record<string, import("../..").CSSProperties>> | ((theme: import("../..").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../..").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
@@ -23,17 +23,17 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className: string | undefined;
-        contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
-        draggable?: (boolean | "false" | "true") | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         hidden?: boolean | undefined;
         id: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
         slot?: string | undefined;
-        spellCheck?: (boolean | "false" | "true") | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         style: import("react").CSSProperties | ((theme: import("../..").MantineTheme) => import("../..").CSSProperties) | import("../..").MantineStyleProp[] | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
@@ -71,11 +71,11 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>
         exportparts?: string | undefined;
         part?: string | undefined;
         "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
@@ -86,37 +86,37 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
         "aria-level"?: number | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "false" | "true") | undefined;
-        "aria-multiline"?: (boolean | "false" | "true") | undefined;
-        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined;
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
         "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
         "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
@@ -307,9 +307,9 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>
         descriptionProps: (import(".").InputDescriptionProps & import("../..").DataAttributes) | undefined;
         unstyled: boolean | undefined;
         styles: Partial<Record<string, import("../..").CSSProperties>> | ((theme: import("../..").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../..").CSSProperties>>) | undefined;
-        size: (string & {}) | import("../..").MantineSize | undefined;
+        size: import("../..").MantineSize | (string & {}) | undefined;
         inputContainer: ((children: React.ReactNode) => React.ReactNode) | undefined;
-        inputWrapperOrder: ("input" | "label" | "description" | "error")[] | undefined;
+        inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
         withAsterisk: boolean | undefined;
         variant: string | undefined;
         mod: import("../..").BoxMod | undefined;
@@ -322,7 +322,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>
         classNames: Partial<Record<string, string>> | ((theme: import("../..").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
         styles: Partial<Record<string, import("../..").CSSProperties>> | ((theme: import("../..").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../..").CSSProperties>>) | undefined;
         unstyled: boolean | undefined;
-        size: (string & {}) | import("../..").MantineSize | undefined;
+        size: import("../..").MantineSize | (string & {}) | undefined;
         __staticSelector: string | undefined;
         __stylesApiProps: Record<string, any> | BaseProps;
         error: import("react").ReactNode;

package/lib/components/InputBase/InputBase.d.ts

@@ -25,19 +25,19 @@ export declare const InputBase: (<C = "input">(props: import("../..").Polymorphi
 }) | (InputBaseProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../..").ThemeExtend<{
     props: InputBaseProps;
     defaultRef: HTMLInputElement;
     defaultComponent: "input";
     stylesNames: __InputStylesNames;
     variant: InputVariant;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: InputBaseProps;
     defaultRef: HTMLInputElement;
     defaultComponent: "input";
     stylesNames: __InputStylesNames;
     variant: InputVariant;
-}> & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("../..").PolymorphicComponentWithProps<{
     props: InputBaseProps;
     defaultRef: HTMLInputElement;
     defaultComponent: "input";

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

@@ -30,19 +30,19 @@ export declare const MenuItem: (<C = "button">(props: import("../../..").Polymor
 }) | (MenuItemProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../../..").ThemeExtend<{
     props: MenuItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
     stylesNames: MenuItemStylesNames;
     compound: true;
-}> & import("../../../core/factory/factory").ComponentClasses<{
+}> & import("../../..").ComponentClasses<{
     props: MenuItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
     stylesNames: MenuItemStylesNames;
     compound: true;
-}> & import("../../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("../../..").PolymorphicComponentWithProps<{
     props: MenuItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

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

@@ -42,19 +42,19 @@ export declare namespace MenuSub {
     }) | (import("..").MenuSubItemProps & {
         component: React.ElementType;
         renderRoot?: (props: Record<string, any>) => any;
-    })>, never> & import("../../../core/factory/factory").ThemeExtend<{
+    })>, never> & import("../../..").ThemeExtend<{
         props: import("..").MenuSubItemProps;
         defaultRef: HTMLButtonElement;
         defaultComponent: "button";
         stylesNames: import("../MenuSubItem/MenuSubItem").MenuSubItemStylesNames;
         compound: true;
-    }> & import("../../../core/factory/factory").ComponentClasses<{
+    }> & import("../../..").ComponentClasses<{
         props: import("..").MenuSubItemProps;
         defaultRef: HTMLButtonElement;
         defaultComponent: "button";
         stylesNames: import("../MenuSubItem/MenuSubItem").MenuSubItemStylesNames;
         compound: true;
-    }> & import("../../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+    }> & import("../../..").PolymorphicComponentWithProps<{
         props: import("..").MenuSubItemProps;
         defaultRef: HTMLButtonElement;
         defaultComponent: "button";

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

@@ -30,19 +30,19 @@ export declare const MenuSubItem: (<C = "button">(props: import("../../..").Poly
 }) | (MenuSubItemProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../../..").ThemeExtend<{
     props: MenuSubItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
     stylesNames: MenuSubItemStylesNames;
     compound: true;
-}> & import("../../../core/factory/factory").ComponentClasses<{
+}> & import("../../..").ComponentClasses<{
     props: MenuSubItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";
     stylesNames: MenuSubItemStylesNames;
     compound: true;
-}> & import("../../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("../../..").PolymorphicComponentWithProps<{
     props: MenuSubItemProps;
     defaultRef: HTMLButtonElement;
     defaultComponent: "button";

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -65,12 +65,12 @@ export type MultiSelectFactory = Factory<{
     stylesNames: MultiSelectStylesNames;
     signature: <Value extends Primitive = string>(props: MultiSelectProps<Value>) => React.JSX.Element;
 }>;
-export declare const MultiSelect: (<Value extends Primitive = string>(props: MultiSelectProps<Value>) => React.JSX.Element) & import("../../core/factory/factory").ThemeExtend<{
+export declare const MultiSelect: (<Value extends Primitive = string>(props: MultiSelectProps<Value>) => React.JSX.Element) & import("../..").ThemeExtend<{
     props: MultiSelectProps;
     ref: HTMLInputElement;
     stylesNames: MultiSelectStylesNames;
     signature: <Value extends Primitive = string>(props: MultiSelectProps<Value>) => React.JSX.Element;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: MultiSelectProps;
     ref: HTMLInputElement;
     stylesNames: MultiSelectStylesNames;

package/lib/components/NavLink/NavLink.d.ts

@@ -59,14 +59,14 @@ export declare const NavLink: (<C = "a">(props: import("../..").PolymorphicCompo
 }) | (NavLinkProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../..").ThemeExtend<{
     props: NavLinkProps;
     defaultRef: HTMLAnchorElement;
     defaultComponent: "a";
     stylesNames: NavLinkStylesNames;
     vars: NavLinkCssVariables;
     variant: NavLinkVariant;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: NavLinkProps;
     defaultRef: HTMLAnchorElement;
     defaultComponent: "a";
@@ -82,7 +82,7 @@ export declare const NavLink: (<C = "a">(props: import("../..").PolymorphicCompo
         vars: NavLinkCssVariables;
         variant: NavLinkVariant;
     }>;
-} & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+} & import("../..").PolymorphicComponentWithProps<{
     props: NavLinkProps;
     defaultRef: HTMLAnchorElement;
     defaultComponent: "a";

package/lib/components/OverflowList/OverflowList.d.ts

@@ -26,13 +26,13 @@ export type OverflowListFactory = Factory<{
     vars: OverflowListCssVariables;
     signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
 }>;
-export declare const OverflowList: (<T = any>(props: OverflowListProps<T>) => React.JSX.Element) & import("../../core/factory/factory").ThemeExtend<{
+export declare const OverflowList: (<T = any>(props: OverflowListProps<T>) => React.JSX.Element) & import("../..").ThemeExtend<{
     props: OverflowListProps<any>;
     ref: HTMLDivElement;
     stylesNames: OverflowListStylesNames;
     vars: OverflowListCssVariables;
     signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: OverflowListProps<any>;
     ref: HTMLDivElement;
     stylesNames: OverflowListStylesNames;

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

@@ -38,13 +38,13 @@ export declare const Overlay: (<C = "div">(props: import("../..").PolymorphicCom
 }) | (OverlayProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../..").ThemeExtend<{
     props: OverlayProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
     stylesNames: OverlayStylesNames;
     vars: OverlayCssVariables;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: OverlayProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";
@@ -58,7 +58,7 @@ export declare const Overlay: (<C = "div">(props: import("../..").PolymorphicCom
         stylesNames: OverlayStylesNames;
         vars: OverlayCssVariables;
     }>;
-} & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+} & import("../..").PolymorphicComponentWithProps<{
     props: OverlayProps;
     defaultRef: HTMLDivElement;
     defaultComponent: "div";

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

@@ -28,13 +28,13 @@ export declare const Paper: (<C = "div">(props: import("../..").PolymorphicCompo
 }) | (PaperProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../..").ThemeExtend<{
     props: PaperProps;
     defaultComponent: "div";
     defaultRef: HTMLDivElement;
     stylesNames: PaperStylesNames;
     vars: PaperCssVariables;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: PaperProps;
     defaultComponent: "div";
     defaultRef: HTMLDivElement;
@@ -48,7 +48,7 @@ export declare const Paper: (<C = "div">(props: import("../..").PolymorphicCompo
         stylesNames: PaperStylesNames;
         vars: PaperCssVariables;
     }>;
-} & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+} & import("../..").PolymorphicComponentWithProps<{
     props: PaperProps;
     defaultComponent: "div";
     defaultRef: HTMLDivElement;

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

@@ -35,12 +35,12 @@ export type RadioGroupFactory = Factory<{
     stylesNames: RadioGroupStylesNames;
     signature: <Value extends string = string>(props: RadioGroupProps<Value>) => React.JSX.Element;
 }>;
-export declare const RadioGroup: (<Value extends string = string>(props: RadioGroupProps<Value>) => React.JSX.Element) & import("../../../core/factory/factory").ThemeExtend<{
+export declare const RadioGroup: (<Value extends string = string>(props: RadioGroupProps<Value>) => React.JSX.Element) & import("../../..").ThemeExtend<{
     props: RadioGroupProps;
     ref: HTMLDivElement;
     stylesNames: RadioGroupStylesNames;
     signature: <Value extends string = string>(props: RadioGroupProps<Value>) => React.JSX.Element;
-}> & import("../../../core/factory/factory").ComponentClasses<{
+}> & import("../../..").ComponentClasses<{
     props: RadioGroupProps;
     ref: HTMLDivElement;
     stylesNames: RadioGroupStylesNames;

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

@@ -49,13 +49,13 @@ export type SegmentedControlFactory = Factory<{
     vars: SegmentedControlCssVariables;
     signature: <Value extends Primitive = string>(props: SegmentedControlProps<Value>) => React.JSX.Element | null;
 }>;
-export declare const SegmentedControl: (<Value extends Primitive = string>(props: SegmentedControlProps<Value>) => React.JSX.Element | null) & import("../../core/factory/factory").ThemeExtend<{
+export declare const SegmentedControl: (<Value extends Primitive = string>(props: SegmentedControlProps<Value>) => React.JSX.Element | null) & import("../..").ThemeExtend<{
     props: SegmentedControlProps;
     ref: HTMLDivElement;
     stylesNames: SegmentedControlStylesNames;
     vars: SegmentedControlCssVariables;
     signature: <Value extends Primitive = string>(props: SegmentedControlProps<Value>) => React.JSX.Element | null;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: SegmentedControlProps;
     ref: HTMLDivElement;
     stylesNames: SegmentedControlStylesNames;

package/lib/components/Select/Select.d.ts

@@ -56,13 +56,13 @@ export type SelectFactory = Factory<{
     variant: InputVariant;
     signature: <Value extends Primitive = string>(props: SelectProps<Value>) => React.JSX.Element;
 }>;
-export declare const Select: (<Value extends Primitive = string>(props: SelectProps<Value>) => React.JSX.Element) & import("../../core/factory/factory").ThemeExtend<{
+export declare const Select: (<Value extends Primitive = string>(props: SelectProps<Value>) => React.JSX.Element) & import("../..").ThemeExtend<{
     props: SelectProps;
     ref: HTMLInputElement;
     stylesNames: SelectStylesNames;
     variant: InputVariant;
     signature: <Value extends Primitive = string>(props: SelectProps<Value>) => React.JSX.Element;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: SelectProps;
     ref: HTMLInputElement;
     stylesNames: SelectStylesNames;

package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts

@@ -40,12 +40,12 @@ export type SwitchGroupFactory = Factory<{
     stylesNames: SwitchGroupStylesNames;
     signature: <Value extends string = string>(props: SwitchGroupProps<Value>) => React.JSX.Element;
 }>;
-export declare const SwitchGroup: (<Value extends string = string>(props: SwitchGroupProps<Value>) => React.JSX.Element) & import("../../../core/factory/factory").ThemeExtend<{
+export declare const SwitchGroup: (<Value extends string = string>(props: SwitchGroupProps<Value>) => React.JSX.Element) & import("../../..").ThemeExtend<{
     props: SwitchGroupProps;
     ref: HTMLDivElement;
     stylesNames: SwitchGroupStylesNames;
     signature: <Value extends string = string>(props: SwitchGroupProps<Value>) => React.JSX.Element;
-}> & import("../../../core/factory/factory").ComponentClasses<{
+}> & import("../../..").ComponentClasses<{
     props: SwitchGroupProps;
     ref: HTMLDivElement;
     stylesNames: SwitchGroupStylesNames;

package/lib/components/TagsInput/get-splitted-tags.d.ts

@@ -4,6 +4,8 @@ interface GetSplittedTagsInput {
     maxTags: number | undefined;
     value: string;
     currentTags: string[];
+    isDuplicate?: (value: string, currentValues: string[]) => boolean;
+    onDuplicate?: (value: string) => void;
 }
-export declare function getSplittedTags({ splitChars, allowDuplicates, maxTags, value, currentTags, }: GetSplittedTagsInput): string[];
+export declare function getSplittedTags({ splitChars, allowDuplicates, maxTags, value, currentTags, isDuplicate, onDuplicate, }: GetSplittedTagsInput): string[];
 export {};

package/lib/components/Text/Text.d.ts

@@ -38,14 +38,14 @@ export declare const Text: (<C = "p">(props: import("../..").PolymorphicComponen
 }) | (TextProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../..").ThemeExtend<{
     props: TextProps;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;
     stylesNames: TextStylesNames;
     vars: TextCssVariables;
     variant: TextVariant;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: TextProps;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;
@@ -61,7 +61,7 @@ export declare const Text: (<C = "p">(props: import("../..").PolymorphicComponen
         vars: TextCssVariables;
         variant: TextVariant;
     }>;
-} & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+} & import("../..").PolymorphicComponentWithProps<{
     props: TextProps;
     defaultComponent: "p";
     defaultRef: HTMLParagraphElement;

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

@@ -17,17 +17,17 @@ export declare const UnstyledButton: (<C = "button">(props: import("../..").Poly
 }) | (UnstyledButtonProps & {
     component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
-})>, never> & import("../../core/factory/factory").ThemeExtend<{
+})>, never> & import("../..").ThemeExtend<{
     props: UnstyledButtonProps;
     stylesNames: UnstyledButtonStylesNames;
     defaultComponent: "button";
     defaultRef: HTMLButtonElement;
-}> & import("../../core/factory/factory").ComponentClasses<{
+}> & import("../..").ComponentClasses<{
     props: UnstyledButtonProps;
     stylesNames: UnstyledButtonStylesNames;
     defaultComponent: "button";
     defaultRef: HTMLButtonElement;
-}> & import("../../core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+}> & import("../..").PolymorphicComponentWithProps<{
     props: UnstyledButtonProps;
     stylesNames: UnstyledButtonStylesNames;
     defaultComponent: "button";

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

@@ -77,6 +77,8 @@ export interface MantineTheme {
     fontSizes: MantineFontSizesValues;
     /** Object of values that are used to control `line-height` property in `Text` component */
     lineHeights: MantineLineHeightValues;
+    /** Object of values that are used to control `font-weight` property in components */
+    fontWeights: MantineFontWeightsValues;
     /** Object of values that are used to control breakpoints in all components,
      *  values are expected to be defined in em
      * */
@@ -148,6 +150,10 @@ export type MantineLineHeight = (MantineThemeSizesOverride extends {
     lineHeights: Record<infer CustomLineHeight, string>;
 } ? CustomLineHeight : MantineSize) | (string & {});
 export type MantineLineHeightValues = Record<MantineLineHeight, string>;
+export type MantineFontWeight = (MantineThemeSizesOverride extends {
+    fontWeights: Record<infer CustomFontWeight, string>;
+} ? CustomFontWeight : 'regular' | 'medium' | 'bold') | (string & {});
+export type MantineFontWeightsValues = Record<MantineFontWeight, string>;
 export interface MantineThemeOther {
     [key: string]: any;
 }

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

@@ -1,7 +1,7 @@
-export { factory, genericFactory } from './factory';
-export { polymorphicFactory } from './polymorphic-factory';
+export type { Factory, PolymorphicFactory } from './create-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';
+export { factory, genericFactory } from './factory';
+export type { ComponentClasses, ExtendComponent, FactoryComponentWithProps, FactoryPayload, MantineComponent, MantineComponentStaticProperties, PlaceholderPolymorphicProps, ThemeExtend, } from './factory';
+export { polymorphicFactory, type PolymorphicComponentWithProps } from './polymorphic-factory';
+export type { MantinePolymorphicComponent } from './polymorphic-factory';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "9.0.0-alpha.0",
+  "version": "9.0.0-alpha.2",
   "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": "9.0.0-alpha.0",
+    "@mantine/hooks": "9.0.0-alpha.2",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },

package/styles/Accordion.css

@@ -61,7 +61,7 @@
 
 .m_df3ffa0f {
   color: inherit;
-  font-weight: 400;
+  font-weight: var(--mantine-font-weight-regular);
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/Accordion.layer.css

@@ -61,7 +61,7 @@
 
 .m_df3ffa0f {
   color: inherit;
-  font-weight: 400;
+  font-weight: var(--mantine-font-weight-regular);
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/ActionIcon.css

@@ -171,7 +171,7 @@
   --section-padding-x: var(--section-padding-x-sm);
   --section-color: var(--mantine-color-white);
 
-  font-weight: 600;
+  font-weight: var(--mantine-font-weight-medium);
   width: auto;
   border-radius: var(--section-radius, var(--mantine-radius-default));
   font-size: var(--section-fz, var(--mantine-font-size-sm));

package/styles/ActionIcon.layer.css

@@ -171,7 +171,7 @@
   --section-padding-x: var(--section-padding-x-sm);
   --section-color: var(--mantine-color-white);
 
-  font-weight: 600;
+  font-weight: var(--mantine-font-weight-medium);
   width: auto;
   border-radius: var(--section-radius, var(--mantine-radius-default));
   font-size: var(--section-fz, var(--mantine-font-size-sm));

package/styles/Alert.css

@@ -29,7 +29,7 @@
   align-items: center;
   justify-content: space-between;
   font-size: var(--mantine-font-size-sm);
-  font-weight: 700;
+  font-weight: var(--mantine-font-weight-bold);
 }
 
 .m_6a03f287:where([data-with-close-button]) {

package/styles/Alert.layer.css

@@ -29,7 +29,7 @@
   align-items: center;
   justify-content: space-between;
   font-size: var(--mantine-font-size-sm);
-  font-weight: 700;
+  font-weight: var(--mantine-font-weight-bold);
 }
 
 .m_6a03f287:where([data-with-close-button]) {

package/styles/Avatar.css

@@ -48,7 +48,7 @@
 }
 
 .m_104cd71f {
-  font-weight: 700;
+  font-weight: var(--mantine-font-weight-bold);
   display: flex;
   align-items: center;
   justify-content: center;

package/styles/Avatar.layer.css

@@ -48,7 +48,7 @@
 }
 
 .m_104cd71f {
-  font-weight: 700;
+  font-weight: var(--mantine-font-weight-bold);
   display: flex;
   align-items: center;
   justify-content: center;

package/styles/Badge.css

@@ -39,7 +39,7 @@
   justify-content: center;
   width: fit-content;
   text-transform: uppercase;
-  font-weight: 700;
+  font-weight: var(--mantine-font-weight-bold);
   letter-spacing: 0.25px;
   cursor: default;
   text-overflow: ellipsis;

package/styles/Badge.layer.css

@@ -39,7 +39,7 @@
   justify-content: center;
   width: fit-content;
   text-transform: uppercase;
-  font-weight: 700;
+  font-weight: var(--mantine-font-weight-bold);
   letter-spacing: 0.25px;
   cursor: default;
   text-overflow: ellipsis;

package/styles/Button.css

@@ -28,7 +28,7 @@
   --button-color: var(--mantine-color-white);
 
   user-select: none;
-  font-weight: 600;
+  font-weight: var(--mantine-font-weight-medium);
   position: relative;
   line-height: 1;
   text-align: center;
@@ -244,7 +244,7 @@
   --section-padding-x: var(--section-padding-x-sm);
   --section-color: var(--mantine-color-white);
 
-  font-weight: 600;
+  font-weight: var(--mantine-font-weight-medium);
   width: auto;
   border-radius: var(--section-radius, var(--mantine-radius-default));
   font-size: var(--section-fz, var(--mantine-font-size-sm));