fix(deps): update mantine monorepo to v8.3.1

[renovate]

Coming soon: The Renovate bot (GitHub App) will be renamed to Mend. PRs from Renovate will soon appear from 'Mend'. Learn more here.

This PR contains the following updates:

Package	Change	Age	Confidence
@mantine/colors-generator (source)	8.2.8 -> 8.3.1
@mantine/core (source)	8.2.8 -> 8.3.1
@mantine/dates (source)	8.2.8 -> 8.3.1
@mantine/hooks (source)	8.2.8 -> 8.3.1
@mantine/modals (source)	8.2.8 -> 8.3.1
@mantine/notifications (source)	8.2.8 -> 8.3.1
@mantine/tiptap (source)	8.2.8 -> 8.3.1

---

Release Notes

mantinedev/mantine (@​mantine/colors-generator)

v8.3.1

Compare Source

What's new

• [@mantine/hooks] use-scroll-spy: Fix scroll events not being reassigned when scrollHost changes (#​8251)
• [@mantine/modals] Update updateModal to include types for confirm modal
• [@mantine/core] Tabs: Allow overriding aria attributes with ...others
• [@mantine/core] Select: Fix clear button overlaying selected option (#​8249)
• [@mantine/core] Combobox: Update focusTarget handler to correctly handle missing DOM node (#​8185)
• [@mantine/core] ColorPicker: Fix unexpected margin-top (#​8247)
• [@mantine/core] Allow specifying generic component in default props in the theme object (#​8188)
• [@mantine/form] Fix incorrect type of matchesField validator (#​8201)
• [@mantine/modals] Fix data-* attributes triggering type error (#​8217)
• [@mantine/dates] DateInput: Fix allowDeselect prop not working (#​8229)
• [@mantine/charts] Fix long tooltip names overflowing on the series color swatch in the tooltip (#​8230)

v8.3.0: 🔥

Compare Source

View changelog with demos on mantine.dev website

MiniCalendar component

New MiniCalendar component:

import { useState } from 'react';
import { MiniCalendar } from '@​mantine/dates';

function Demo() {
  const [value, onChange] = useState<string | null>('2025-04-15');
  return <MiniCalendar value={value} onChange={onChange} numberOfDays={6} />;
}

Progress vertical orientation

Progress now supports vertical orientation:

import { Progress } from '@​mantine/core';

function Demo() {
  return (
    <Group>
      <Progress value={80} orientation="vertical" h={200} />
      <Progress value={60} color="orange" size="xl" orientation="vertical" h={200} animated />

      <Progress.Root size="xl" autoContrast orientation="vertical" h={200}>
        <Progress.Section value={40} color="lime.4">
          <Progress.Label>Documents</Progress.Label>
        </Progress.Section>
        <Progress.Section value={20} color="yellow.4">
          <Progress.Label>Apps</Progress.Label>
        </Progress.Section>
        <Progress.Section value={20} color="cyan.7">
          <Progress.Label>Other</Progress.Label>
        </Progress.Section>
      </Progress.Root>
    </Group>
  );
}

Heatmap splitMonths

Heatmap now supports splitMonths prop to visually separate months with a spacer column and render only days that belong to each month in its columns.

import { Heatmap } from '@​mantine/charts';
import { data } from './data';

function Demo() {
  return (
    <Heatmap
      data={data}
      startDate="2024-02-16"
      endDate="2025-02-16"
      withMonthLabels
      splitMonths
    />
  );
}

Improved clearable prop handling

Select, MultiSelect, and other components with
clearable prop now allow displaying the clear button next to the right section:

import { Select } from '@​mantine/core';

function Demo() {
  return (
    <Select
      label="Your favorite library"
      placeholder="Pick value"
      data={['React', 'Angular', 'Vue', 'Svelte']}
      defaultValue="React"
      clearable
    />
  );
}

Tiptap 3 support

@​mantine/tiptap now supports Tiptap 3. It is
recommended to update all @tiptap/* packages to version 3.2.0 or later.

Your application might require some modifications related to Tiptap 3.
If you want to update your application to TipTap 3, follow
migration guide.

LLMs.txt

You can now use LLMs.txt file with Cursor and other IDEs.
The file is automatically updated with each release and includes
every demo and documentation page from mantine.dev. It is about 1.8mb.
You can find the latest version of LLMs.txt here
and further documentation here.

Other changes

• MultiSelect now supports clearSearchOnChange prop to clear search input when an item is selected.
• Reordering list items example now uses dnd-kit instead of @hello-pangea/dnd
• TimePicker now supports reverseTimeControlsList prop to reverse the order of time controls in the dropdown. Use this option if you want the order of controls to match keyboard controls (up and down arrow) direction.
• DirectionProvider now automatically subscribes to the dir attribute mutations of the root element (usually <html />) and updates internal state automatically.
• Select and MultiSelect now retain references to selected options that are no longer present in data prop.
• Active color swatch now has check icon in ColorPicker and ColorInput components.

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about these updates again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud