@mantine/core 8.1.3 → 8.2.1

package/lib/components/Tooltip/use-tooltip.d.ts

@@ -1,4 +1,4 @@
-import { FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
+import { FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../../utils/Floating';
 import { type TooltipMiddlewares } from './Tooltip.types';
 interface UseTooltip {
     position: FloatingPosition;

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

@@ -1,14 +1,14 @@
 import { MantineTransition } from './transitions';
 export interface TransitionProps {
-    /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */
+    /** If set, the element is not unmounted from the DOM when hidden, `display: none` styles are applied instead */
     keepMounted?: boolean;
     /** Transition name or object */
     transition?: MantineTransition;
-    /** Transition duration in ms, `250` by default */
+    /** Transition duration in ms @default `250` */
     duration?: number;
-    /** Exit transition duration in ms, `250` by default */
+    /** Exit transition duration in ms @default `250` */
     exitDuration?: number;
-    /** Transition timing function, `theme.transitionTimingFunction` by default */
+    /** Transition timing function @default `theme.transitionTimingFunction` */
     timingFunction?: string;
     /** Determines whether component should be mounted to the DOM */
     mounted: boolean;

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

@@ -37,23 +37,23 @@ export type TreeCssVariables = {
 export interface TreeProps extends BoxProps, StylesApiProps<TreeFactory>, ElementProps<'ul'> {
     /** Data used to render nodes */
     data: TreeNodeData[];
-    /** Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value, `'lg'` by default */
+    /** Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value @default `'lg'` */
     levelOffset?: MantineSpacing;
-    /** Determines whether tree node with children should be expanded on click, `true` by default */
+    /** If set, tree node with children is expanded on click @default `true` */
     expandOnClick?: boolean;
-    /** Determines whether tree node with children should be expanded on space key press, `true` by default */
+    /** If set, tree node with children is expanded on space key press @default `true` */
     expandOnSpace?: boolean;
-    /** Determines whether tree node should be checked on space key press, `false` by default */
+    /** If set, tree node is checked on space key press @default `false` */
     checkOnSpace?: boolean;
-    /** Determines whether node should be selected on click, `false` by default */
+    /** If set, tree node is selected on click @default `false` */
     selectOnClick?: boolean;
     /** Use-tree hook instance that can be used to manipulate component state */
     tree?: TreeController;
     /** A function to render tree node label */
     renderNode?: RenderNode;
-    /** Determines whether selection should be cleared when user clicks outside of the tree, `false` by default */
+    /** If set, selection is cleared when user clicks outside of the tree @default `false` */
     clearSelectionOnOutsideClick?: boolean;
-    /** Determines whether tree nodes range can be selected with click when `Shift` key is pressed, `true` by default */
+    /** If set, tree nodes range can be selected with click when `Shift` key is pressed @default `true` */
     allowRangeSelection?: boolean;
 }
 export type TreeFactory = Factory<{

package/lib/components/Typography/Typography.d.ts

@@ -0,0 +1,14 @@
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+export type TypographyStylesNames = 'root';
+export interface TypographyProps extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {
+}
+export type TypographyFactory = Factory<{
+    props: TypographyProps;
+    ref: HTMLDivElement;
+    stylesNames: TypographyStylesNames;
+}>;
+export declare const Typography: import("../../core").MantineComponent<{
+    props: TypographyProps;
+    ref: HTMLDivElement;
+    stylesNames: TypographyStylesNames;
+}>;

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

@@ -0,0 +1,9 @@
+import { Typography, TypographyFactory, TypographyProps, TypographyStylesNames } from './Typography';
+/** @deprecated use `Typography` instead */
+declare const TypographyStylesProvider: import("../..").MantineComponent<{
+    props: TypographyProps;
+    ref: HTMLDivElement;
+    stylesNames: TypographyStylesNames;
+}>;
+export { Typography, TypographyStylesProvider };
+export type { TypographyFactory, TypographyProps, TypographyStylesNames, TypographyFactory as TypographyStylesProviderFactory, TypographyProps as TypographyStylesProviderProps, TypographyStylesNames as TypographyStylesProviderStylesNames, };

package/lib/components/index.d.ts

@@ -14,6 +14,7 @@ export * from './Input';
 export * from './InputBase';
 export * from './Flex';
 export * from './FloatingIndicator';
+export * from '../utils/Floating';
 export * from './Accordion';
 export * from './Affix';
 export * from './Alert';
@@ -46,7 +47,6 @@ export * from './Drawer';
 export * from './Fieldset';
 export * from './FileButton';
 export * from './FileInput';
-export * from './Floating';
 export * from './FocusTrap';
 export * from './Grid';
 export * from './Highlight';
@@ -100,4 +100,4 @@ export * from './Title';
 export * from './Tooltip';
 export * from './Transition';
 export * from './Tree';
-export * from './TypographyStylesProvider';
+export * from './Typography';

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), `true` by default  */
+    /** 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/MantineProvider/MantineProvider.d.ts

@@ -16,9 +16,9 @@ export interface MantineProviderProps {
     forceColorScheme?: 'light' | 'dark';
     /** CSS selector to which CSS variables should be added, `:root` by default */
     cssVariablesSelector?: string;
-    /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */
+    /** 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. `true` by default. */
+    /** 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;
@@ -28,9 +28,9 @@ export interface MantineProviderProps {
     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`. `true` by default */
+    /** 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. `true` by default. */
+    /** 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, `true` by default */
+    /** Determines whether theme should be inherited from parent MantineProvider @default `true` */
     inherit?: boolean;
     /** Theme override object */
     theme?: MantineThemeOverride;

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

@@ -53,7 +53,7 @@ export interface MantineTheme {
     fontFamily: string;
     /** Monospace font-family, used in code and other similar components, system fonts by default  */
     fontFamilyMonospace: string;
-    /** Controls various styles of h1-h6 elements, used in TypographyStylesProvider and Title components */
+    /** Controls various styles of h1-h6 elements, used in Typography and Title components */
     headings: {
         fontFamily: string;
         fontWeight: string;

package/lib/core/MantineProvider/use-props/use-props.d.ts

@@ -1,3 +1,3 @@
-export declare function useProps<T extends Record<string, any>, U extends Partial<T> = {}>(component: string, defaultProps: U, props: T): T & {
+export declare function useProps<T extends Record<string, any>, U extends Partial<T> | null = {}>(component: string, defaultProps: U, props: T): T & (U extends null | undefined ? {} : {
     [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;
-};
+});

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

@@ -23,6 +23,9 @@ export type StylesApiRecord<Payload extends FactoryPayload, DataType> = Payload[
 export type Styles<Payload extends FactoryPayload> = StylesApiRecord<Payload, CSSProperties>;
 export type ClassNames<Payload extends FactoryPayload> = StylesApiRecord<Payload, string>;
 export type ClassNamesArray<Payload extends FactoryPayload> = (StylesApiRecord<Payload, string> | undefined)[];
+export type Attributes<Payload extends FactoryPayload> = Payload['stylesNames'] extends string ? Payload['compound'] extends true ? never : {
+    [K in Payload['stylesNames']]?: Record<string, any>;
+} : never;
 export type StylesRecord<StylesNames extends string, Payload> = Partial<Record<StylesNames, Payload>>;
 export interface StylesApiProps<Payload extends FactoryPayload> {
     unstyled?: boolean;
@@ -30,6 +33,7 @@ export interface StylesApiProps<Payload extends FactoryPayload> {
     classNames?: ClassNames<Payload>;
     styles?: Styles<Payload>;
     vars?: PartialVarsResolver<Payload>;
+    attributes?: Attributes<Payload>;
 }
-export interface CompoundStylesApiProps<Payload extends FactoryPayload> extends Omit<StylesApiProps<Payload>, 'unstyled'> {
+export interface CompoundStylesApiProps<Payload extends FactoryPayload> extends Omit<StylesApiProps<Payload>, 'unstyled' | 'attributes'> {
 }

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

@@ -2,7 +2,7 @@ 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';
+import { Attributes, 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;
@@ -16,9 +16,10 @@ export interface UseStylesInput<Payload extends FactoryPayload> {
     styles?: Styles<Payload>;
     vars?: PartialVarsResolver<Payload>;
     varsResolver?: VarsResolver<Payload>;
+    attributes?: Attributes<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>;
+export declare function useStyles<Payload extends FactoryPayload>({ name, classes, props, stylesCtx, className, style, rootSelector, unstyled, classNames, styles, vars, varsResolver, attributes, }: UseStylesInput<Payload>): GetStylesApi<Payload>;

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

@@ -1,7 +1,7 @@
 interface GetElementsSiblingsInput {
-    /** Selector used to find parent node, e.g. '[role="tablist"]', '.mantine-Text-root' */
+    /** Selector used to find parent node, for example '[role="tablist"]', '.mantine-Text-root' */
     parentSelector: string;
-    /** Selector used to find element siblings, e.g. '[data-tab]' */
+    /** Selector used to find element siblings, for example '[data-tab]' */
     siblingSelector: string;
     /** Determines whether next/previous indices should loop */
     loop?: boolean;

package/package.json

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

package/styles/Accordion.css

@@ -25,6 +25,7 @@
   opacity: 1;
   cursor: pointer;
   background-color: transparent;
+  color: var(--mantine-color-bright);
 }
 
 .m_4ba585b8:where([data-chevron-position='left']) {
@@ -32,14 +33,6 @@
     padding-inline-start: 0;
   }
 
-:where([data-mantine-color-scheme='light']) .m_4ba585b8 {
-    color: var(--mantine-color-black);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_4ba585b8 {
-    color: var(--mantine-color-dark-0);
-}
-
 .m_4ba585b8:where(:disabled, [data-disabled]) {
     opacity: 0.4;
     cursor: not-allowed;

package/styles/Accordion.layer.css

@@ -25,6 +25,7 @@
   opacity: 1;
   cursor: pointer;
   background-color: transparent;
+  color: var(--mantine-color-bright);
 }
 
 .m_4ba585b8:where([data-chevron-position='left']) {
@@ -32,14 +33,6 @@
     padding-inline-start: 0;
   }
 
-:where([data-mantine-color-scheme='light']) .m_4ba585b8 {
-    color: var(--mantine-color-black);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_4ba585b8 {
-    color: var(--mantine-color-dark-0);
-}
-
 .m_4ba585b8:where(:disabled, [data-disabled]) {
     opacity: 0.4;
     cursor: not-allowed;

package/styles/Container.css

@@ -5,12 +5,33 @@
   --container-size-lg: 1140px;
   --container-size-xl: 1320px;
   --container-size: var(--container-size-md);
-
-  max-width: var(--container-size);
-  padding-inline: var(--mantine-spacing-md);
-  margin-inline: auto;
 }
 
-  .m_7485cace:where([data-fluid]) {
-    max-width: 100%;
+  .m_7485cace:where([data-strategy='block']) {
+    max-width: var(--container-size);
+    padding-inline: var(--mantine-spacing-md);
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
+      max-width: 100%;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) {
+    display: grid;
+    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
+    margin-inline: auto;
   }
+
+  .m_7485cace:where([data-strategy='grid']) > * {
+      grid-column: 2;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
+      grid-column: 1 / -1;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
+        max-width: var(--container-size);
+        margin-inline: auto;
+      }

package/styles/Container.layer.css

@@ -5,13 +5,34 @@
   --container-size-lg: 1140px;
   --container-size-xl: 1320px;
   --container-size: var(--container-size-md);
-
-  max-width: var(--container-size);
-  padding-inline: var(--mantine-spacing-md);
-  margin-inline: auto;
 }
 
-  .m_7485cace:where([data-fluid]) {
-    max-width: 100%;
+  .m_7485cace:where([data-strategy='block']) {
+    max-width: var(--container-size);
+    padding-inline: var(--mantine-spacing-md);
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
+      max-width: 100%;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) {
+    display: grid;
+    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
+    margin-inline: auto;
   }
+
+  .m_7485cace:where([data-strategy='grid']) > * {
+      grid-column: 2;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
+      grid-column: 1 / -1;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
+        max-width: var(--container-size);
+        margin-inline: auto;
+      }
 }

package/styles/{TypographyStylesProvider.css → Typography.css}

@@ -1,93 +1,93 @@
-.m_d6493fad :first-child {
+.m_d08caa0 :first-child {
     margin-top: 0;
   }
-  .m_d6493fad :last-child {
+  .m_d08caa0 :last-child {
     margin-bottom: 0;
   }
-  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
+  .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
     margin-bottom: var(--mantine-spacing-xs);
     text-wrap: var(--mantine-heading-text-wrap);
     font-family: var(--mantine-font-family-headings);
   }
-  .m_d6493fad :where(h1) {
+  .m_d08caa0 :where(h1) {
     margin-top: calc(1.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h1-font-size);
     line-height: var(--mantine-h1-line-height);
     font-weight: var(--mantine-h1-font-weight);
   }
-  .m_d6493fad :where(h2) {
+  .m_d08caa0 :where(h2) {
     margin-top: var(--mantine-spacing-xl);
     font-size: var(--mantine-h2-font-size);
     line-height: var(--mantine-h2-line-height);
     font-weight: var(--mantine-h2-font-weight);
   }
-  .m_d6493fad :where(h3) {
+  .m_d08caa0 :where(h3) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h3-font-size);
     line-height: var(--mantine-h3-line-height);
     font-weight: var(--mantine-h3-font-weight);
   }
-  .m_d6493fad :where(h4) {
+  .m_d08caa0 :where(h4) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h4-font-size);
     line-height: var(--mantine-h4-line-height);
     font-weight: var(--mantine-h4-font-weight);
   }
-  .m_d6493fad :where(h5) {
+  .m_d08caa0 :where(h5) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h5-font-size);
     line-height: var(--mantine-h5-line-height);
     font-weight: var(--mantine-h5-font-weight);
   }
-  .m_d6493fad :where(h6) {
+  .m_d08caa0 :where(h6) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h6-font-size);
     line-height: var(--mantine-h6-line-height);
     font-weight: var(--mantine-h6-font-weight);
   }
-  .m_d6493fad :where(img) {
+  .m_d08caa0 :where(img) {
     max-width: 100%;
     margin-bottom: var(--mantine-spacing-xs);
   }
-  .m_d6493fad :where(p) {
+  .m_d08caa0 :where(p) {
     margin-top: 0;
     margin-bottom: var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
       background-color: var(--mantine-color-yellow-2);
       color: inherit;
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
       background-color: var(--mantine-color-yellow-5);
       color: var(--mantine-color-black);
 }
-  .m_d6493fad :where(a) {
+  .m_d08caa0 :where(a) {
     color: var(--mantine-color-anchor);
     text-decoration: none;
   }
   @media (hover: hover) {
-    .m_d6493fad :where(a):hover {
+    .m_d08caa0 :where(a):hover {
       text-decoration: underline;
     }
 }
   @media (hover: none) {
-    .m_d6493fad :where(a):active {
+    .m_d08caa0 :where(a):active {
       text-decoration: underline;
     }
 }
-  .m_d6493fad :where(hr) {
+  .m_d08caa0 :where(hr) {
     margin-top: var(--mantine-spacing-md);
     margin-bottom: var(--mantine-spacing-md);
     border: 0;
     border-top: 1px solid;
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
       border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
       border-color: var(--mantine-color-dark-3);
 }
-  .m_d6493fad :where(pre) {
+  .m_d08caa0 :where(pre) {
     padding: var(--mantine-spacing-xs);
     line-height: var(--mantine-line-height);
     margin: 0;
@@ -98,20 +98,20 @@
     font-size: var(--mantine-font-size-xs);
     border-radius: var(--mantine-radius-sm);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
       background-color: var(--mantine-color-dark-8);
 }
-  .m_d6493fad :where(pre) :where(code) {
+  .m_d08caa0 :where(pre) :where(code) {
       background-color: transparent;
       padding: 0;
       border-radius: 0;
       color: inherit;
       border: 0;
     }
-  .m_d6493fad :where(kbd) {
+  .m_d08caa0 :where(kbd) {
     --kbd-fz: 12px;
     --kbd-padding: 3px 5px;
 
@@ -124,86 +124,86 @@
     border: 1px solid;
     border-bottom-width: 3px;
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
       border-color: var(--mantine-color-gray-3);
       color: var(--mantine-color-gray-7);
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
       border-color: var(--mantine-color-dark-3);
       color: var(--mantine-color-dark-0);
       background-color: var(--mantine-color-dark-5);
 }
-  .m_d6493fad :where(code) {
+  .m_d08caa0 :where(code) {
     line-height: var(--mantine-line-height);
     padding: 1px 5px;
     border-radius: var(--mantine-radius-sm);
     font-family: var(--mantine-font-family-monospace);
     font-size: var(--mantine-font-size-xs);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(code) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
       background-color: var(--mantine-color-gray-0);
       color: var(--mantine-color-black);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(code) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
       background-color: var(--mantine-color-dark-5);
       color: var(--mantine-color-white);
 }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
+  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
     padding-inline-start: var(--mantine-spacing-xl);
     list-style-position: outside;
   }
-  .m_d6493fad :where(table) {
+  .m_d08caa0 :where(table) {
     width: 100%;
     border-collapse: collapse;
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
       --table-border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
       --table-border-color: var(--mantine-color-dark-4);
 }
-  .m_d6493fad :where(table) :where(caption) {
+  .m_d08caa0 :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
       color: var(--mantine-color-dimmed);
     }
-  .m_d6493fad :where(table) :where(th) {
+  .m_d08caa0 :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
-  .m_d6493fad :where(table) :where(thead th) {
+  .m_d08caa0 :where(table) :where(thead th) {
       border-bottom: 1px solid;
       border-color: var(--table-border-color);
     }
-  .m_d6493fad :where(table) :where(tfoot th) {
+  .m_d08caa0 :where(table) :where(tfoot th) {
       border-top: 1px solid;
       border-color: var(--table-border-color);
     }
-  .m_d6493fad :where(table) :where(td) {
+  .m_d08caa0 :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: 1px solid;
       border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
-  .m_d6493fad :where(table) :where(tr:last-of-type td) {
+  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
       border-bottom: 0;
     }
-  .m_d6493fad :where(blockquote) {
+  .m_d08caa0 :where(blockquote) {
     font-size: var(--mantine-font-size-lg);
     line-height: var(--mantine-line-height);
     margin: var(--mantine-spacing-md) 0;
     border-radius: var(--mantine-radius-sm);
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(blockquote) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(blockquote) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
       background-color: var(--mantine-color-dark-8);
 }