@mantine/core 7.14.2 → 7.14.3

package/lib/components/Autocomplete/Autocomplete.d.ts

@@ -4,7 +4,7 @@ import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 import { ScrollAreaProps } from '../ScrollArea';
 export type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
 export interface AutocompleteProps extends BoxProps, __BaseInputProps, Omit<ComboboxLikeProps, 'data'>, StylesApiProps<AutocompleteFactory>, ElementProps<'input', 'onChange' | 'size'> {
-    /** Data displayed in the dropdown */
+    /** Data displayed in the dropdown. Values must be unique, otherwise an error will be thrown and component will not render. */
     data?: ComboboxStringData;
     /** Controlled component value */
     value?: string;

package/lib/components/Badge/Badge.d.ts

@@ -40,7 +40,7 @@ export declare const Badge: (<C = "div">(props: import("../../core").Polymorphic
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (BadgeProps & {
-    component: React.ElementType /** Controls `font-size`, `height` and horizontal `padding`, `'md'` by default */;
+    component: React.ElementType;
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: BadgeProps;

package/lib/components/Checkbox/CheckboxCard/CheckboxCard.d.ts

@@ -4,8 +4,12 @@ export type CheckboxCardCssVariables = {
     card: '--card-radius';
 };
 export interface CheckboxCardProps extends BoxProps, StylesApiProps<CheckboxCardFactory>, ElementProps<'button', 'onChange'> {
-    /** Checked state */
+    /** Controlled component value */
     checked?: boolean;
+    /** Uncontrolled component default value */
+    defaultChecked?: boolean;
+    /** Called when value changes */
+    onChange?: (checked: boolean) => void;
     /** Determines whether the card should have border, `true` by default */
     withBorder?: boolean;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */

package/lib/components/Combobox/Combobox.types.d.ts

@@ -20,7 +20,7 @@ export type ComboboxData = Array<string | ComboboxItem | ComboboxItemGroup> | Re
 export type ComboboxParsedItem = ComboboxItem | ComboboxParsedItemGroup;
 export type ComboboxLikeStylesNames = Exclude<ComboboxStylesNames, 'header' | 'footer' | 'search'>;
 export interface ComboboxLikeProps {
-    /** Data used to generate options */
+    /** Data used to generate options. Values must be unique, otherwise an error will be thrown and component will not render. */
     data?: ComboboxData;
     /** Controlled dropdown opened state */
     dropdownOpened?: boolean;

package/lib/components/FileInput/FileInput.d.ts

@@ -49,7 +49,7 @@ declare const _FileInput: import("../../core").MantineComponent<{
 }>;
 type FileInputComponent = (<Multiple extends boolean = false>(props: FileInputProps<Multiple> & {
     ref?: React.ForwardedRef<HTMLButtonElement>;
-}) => JSX.Element) & {
+}) => React.JSX.Element) & {
     extend: typeof _FileInput.extend;
 };
 export declare const FileInput: FileInputComponent;

package/lib/components/Slider/utils/get-step-mark-value/get-step-mark-value.d.ts

@@ -0,0 +1,16 @@
+export declare function getNextMarkValue(currentValue: number, marks: {
+    value: number;
+    label?: React.ReactNode;
+}[]): number;
+export declare function getPreviousMarkValue(currentValue: number, marks: {
+    value: number;
+    label?: React.ReactNode;
+}[]): number;
+export declare function getFirstMarkValue(marks: {
+    value: number;
+    label?: React.ReactNode;
+}[]): number;
+export declare function getLastMarkValue(marks: {
+    value: number;
+    label?: React.ReactNode;
+}[]): number;

package/lib/components/TagsInput/TagsInput.d.ts

@@ -5,7 +5,7 @@ import { __BaseInputProps, __InputStylesNames } from '../Input';
 import { ScrollAreaProps } from '../ScrollArea';
 export type TagsInputStylesNames = __InputStylesNames | ComboboxLikeStylesNames | 'pill' | 'pillsList' | 'inputField';
 export interface TagsInputProps extends BoxProps, __BaseInputProps, Omit<ComboboxLikeProps, 'data'>, StylesApiProps<TagsInputFactory>, ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {
-    /** Data displayed in the dropdown */
+    /** Data displayed in the dropdown. Values must be unique, otherwise an error will be thrown and component will not render. */
     data?: ComboboxStringData;
     /** Controlled component value */
     value?: string[];

package/lib/components/Transition/Transition.d.ts

@@ -13,7 +13,7 @@ export interface TransitionProps {
     /** Determines whether component should be mounted to the DOM */
     mounted: boolean;
     /** Render function with transition styles argument */
-    children: (styles: React.CSSProperties) => JSX.Element;
+    children: (styles: React.CSSProperties) => React.JSX.Element;
     /** Called when exit transition ends */
     onExited?: () => void;
     /** Called when exit transition starts */

package/lib/components/Tree/Tree.d.ts

@@ -43,6 +43,8 @@ export interface TreeProps extends BoxProps, StylesApiProps<TreeFactory>, Elemen
     expandOnClick?: boolean;
     /** Determines whether tree node with children should be expanded on space key press, `true` by default */
     expandOnSpace?: boolean;
+    /** Determines whether tree node should be checked on space key press, `false` by default */
+    checkOnSpace?: boolean;
     /** Determines whether node should be selected on click, `false` by default */
     selectOnClick?: boolean;
     /** Use-tree hook instance that can be used to manipulate component state */

package/lib/components/Tree/TreeNode.d.ts

@@ -14,8 +14,9 @@ interface TreeNodeProps {
     selectOnClick: boolean | undefined;
     allowRangeSelection: boolean | undefined;
     expandOnSpace: boolean | undefined;
+    checkOnSpace: boolean | undefined;
 }
-export declare function TreeNode({ node, getStyles, rootIndex, controller, expandOnClick, selectOnClick, isSubtree, level, renderNode, flatValues, allowRangeSelection, expandOnSpace, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeNode({ node, getStyles, rootIndex, controller, expandOnClick, selectOnClick, isSubtree, level, renderNode, flatValues, allowRangeSelection, expandOnSpace, checkOnSpace, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TreeNode {
     var displayName: string;
 }

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

@@ -1,6 +1,6 @@
 type ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps & Omit<Props, keyof OverrideProps>;
-type ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
-type PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+type ElementType = keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
+type PropsOf<C extends ElementType> = React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
 type ComponentProp<C> = {
     component?: C;
 };

package/package.json

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

package/styles/ScrollArea.css

@@ -106,6 +106,7 @@
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {

package/styles/ScrollArea.layer.css

@@ -106,6 +106,7 @@
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {

package/styles.css

@@ -695,6 +695,7 @@ fieldset:disabled .mantine-active:active {
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {

package/styles.layer.css

@@ -695,6 +695,7 @@ fieldset:disabled .mantine-active:active {
   position: relative;
   transition: background-color 150ms ease;
   overflow: hidden;
+  opacity: var(--thumb-opacity);
 }
 
 .m_d8b5e363::before {