@mantine-vue/core 3.6.0 → 3.7.0

package/lib/components/Table/Table.vue.d.ts

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { TableOwnProps, TableSlots } from './Table.types';
 declare const defaultProps: {
     readonly withRowBorders: true;
@@ -8,9 +9,9 @@ declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ct
 export { defaultProps, varsResolver };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TableOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TableOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TableSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TableSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Table/TableScrollContainer.d.ts

@@ -1,5 +1,5 @@
 export declare const TableScrollContainer: import("../..").MantineComponent<{
-    props: Omit<import("./TableScrollContainer.types").TableScrollContainerProps, "rootRef">;
+    props: import("./TableScrollContainer.types").TableScrollContainerProps;
     slots: import("./TableScrollContainer.types").TableScrollContainerSlots;
     ref: HTMLDivElement;
     exposed: {

package/lib/components/Table/TableScrollContainer.types.d.ts

@@ -1,5 +1,4 @@
 import type { VNodeChild } from 'vue';
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { BoxProps, Factory, StylesApiProps } from '../../core';
 import type { ScrollAreaProps } from '../ScrollArea';
 export type TableScrollContainerStylesNames = 'scrollContainer' | 'scrollContainerInner';
@@ -8,8 +7,6 @@ export type TableScrollContainerCssVariables = {
 };
 /** Props declared by `TableScrollContainer` itself. See `TableScrollContainerProps` for the full public type. */
 export interface TableScrollContainerOwnProps extends StylesApiProps<TableScrollContainerFactory> {
-    /** Receives the root DOM node -- the `ScrollArea` root, or the `div` for `type="native"`. */
-    rootRef?: VueRefTarget<Element>;
     /** `min-width` at which the table becomes scrollable. */
     minWidth: string | number;
     /** `max-height` at which the table becomes vertically scrollable. */
@@ -17,7 +14,7 @@ export interface TableScrollContainerOwnProps extends StylesApiProps<TableScroll
     /** Scroll container implementation. @default 'scrollarea' */
     type?: 'native' | 'scrollarea';
     /** Props passed to `ScrollArea`; not used with `type="native"`. */
-    scrollAreaProps?: Partial<ScrollAreaProps> & Record<string, any>;
+    scrollAreaProps?: ScrollAreaProps;
 }
 export interface TableScrollContainerProps extends Omit<BoxProps, keyof TableScrollContainerOwnProps>, TableScrollContainerOwnProps {
 }
@@ -26,7 +23,7 @@ export interface TableScrollContainerSlots {
     default?: () => VNodeChild;
 }
 export type TableScrollContainerFactory = Factory<{
-    props: Omit<TableScrollContainerProps, 'rootRef'>;
+    props: TableScrollContainerProps;
     slots: TableScrollContainerSlots;
     ref: HTMLDivElement;
     exposed: {

package/lib/components/Table/TableScrollContainer.vue.d.ts

@@ -1,11 +1,12 @@
+import type { RootRefProps } from '../../core';
 import type { TableScrollContainerOwnProps, TableScrollContainerSlots } from './TableScrollContainer.types';
 declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 export { varsResolver };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TableScrollContainerOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TableScrollContainerOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableScrollContainerOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TableScrollContainerSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableScrollContainerOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TableScrollContainerSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/TableOfContents/TableOfContents.d.ts

@@ -1,5 +1,5 @@
 export declare const TableOfContents: import("../..").MantineComponent<{
-    props: Omit<import("./TableOfContents.types").TableOfContentsProps, "rootRef">;
+    props: import("./TableOfContents.types").TableOfContentsProps;
     ref: HTMLDivElement;
     exposed: {
         rootElement: Element | null;

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

@@ -1,11 +1,8 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { BoxProps, MantineColor, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../core';
 import type { UseScrollSpyHeadingData, UseScrollSpyOptions } from '@mantine-vue/hooks';
 import type { Ref } from 'vue';
 /** Props declared by `TableOfContents` itself. See `TableOfContentsProps` for the full public type. */
 export interface TableOfContentsOwnProps extends StylesApiProps<TableOfContentsFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Key of `theme.colors` or any valid CSS color value
      *
@@ -68,7 +65,7 @@ export interface InitialTableOfContentsData {
     id?: string;
 }
 export type TableOfContentsFactory = Factory<{
-    props: Omit<TableOfContentsProps, 'rootRef'>;
+    props: TableOfContentsProps;
     ref: HTMLDivElement;
     exposed: {
         rootElement: Element | null;

package/lib/components/TableOfContents/TableOfContents.vue.d.ts

@@ -1,7 +1,8 @@
+import type { RootRefProps } from '../../core';
 import type { TableOfContentsOwnProps } from './TableOfContents.types';
 export declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<TableOfContentsOwnProps, {
+declare const __VLS_export: import("vue").DefineComponent<TableOfContentsOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableOfContentsOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableOfContentsOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/lib/components/Tabs/Tabs.d.ts

@@ -31,7 +31,7 @@ export declare const Tabs: {
     classes: Record<string, string>;
     varsResolver: (theme: import("../../index.js").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
     Tab: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").TabsTabProps, "rootRef">;
+        props: import("./index.js").TabsTabProps;
         ref: HTMLButtonElement;
         slots: import("./index.js").TabsTabSlots;
         emits: import("./TabsTab/TabsTab.types.js").TabsTabEmits;
@@ -39,14 +39,14 @@ export declare const Tabs: {
         stylesNames: import("./index.js").TabsTabStylesNames;
     }>;
     Panel: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").TabsPanelProps, "rootRef">;
+        props: import("./index.js").TabsPanelProps;
         ref: HTMLDivElement;
         slots: import("./index.js").TabsPanelSlots;
         element: "div";
         stylesNames: import("./index.js").TabsPanelStylesNames;
     }>;
     List: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").TabsListProps, "rootRef">;
+        props: import("./index.js").TabsListProps;
         ref: HTMLDivElement;
         slots: import("./index.js").TabsListSlots;
         element: "div";

package/lib/components/Tabs/TabsList/TabsList.d.ts

@@ -1,5 +1,5 @@
 export declare const TabsList: import("../../..").MantineComponent<{
-    props: Omit<import("./TabsList.types").TabsListProps, "rootRef">;
+    props: import("./TabsList.types").TabsListProps;
     ref: HTMLDivElement;
     slots: import("./TabsList.types").TabsListSlots;
     element: "div";

package/lib/components/Tabs/TabsList/TabsList.types.d.ts

@@ -3,8 +3,6 @@ import type { BoxMod, BoxProps, JustifyContent, StylesApiProps, Factory } from '
 export type TabsListStylesNames = 'list';
 /** Props declared by `TabsList` itself. See `TabsListProps` for the full public type. */
 export interface TabsListOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Determines whether tabs should take all available space
      *
@@ -31,9 +29,8 @@ export interface TabsListSlots {
 export interface TabsListProps extends Omit<BoxProps, keyof TabsListOwnProps>, TabsListOwnProps {
 }
 export type TabsListFactory = Factory<{
-    props: Omit<TabsListProps, 'rootRef'>;
+    props: TabsListProps;
     ref: HTMLDivElement;
     slots: TabsListSlots;
     element: 'div';
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Tabs/TabsList/TabsList.vue.d.ts

@@ -1,8 +1,10 @@
+import type { RootRefProps } from '../../../core';
 import type { TabsListOwnProps, TabsListSlots } from './TabsList.types';
+type __VLS_Props = TabsListOwnProps & RootRefProps<Element>;
 type __VLS_Slots = TabsListSlots;
-declare const __VLS_base: import("vue").DefineComponent<TabsListOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsListOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/Tabs/TabsPanel/TabsPanel.d.ts

@@ -1,5 +1,5 @@
 export declare const TabsPanel: import("../../..").MantineComponent<{
-    props: Omit<import("./TabsPanel.types").TabsPanelProps, "rootRef">;
+    props: import("./TabsPanel.types").TabsPanelProps;
     ref: HTMLDivElement;
     slots: import("./TabsPanel.types").TabsPanelSlots;
     element: "div";

package/lib/components/Tabs/TabsPanel/TabsPanel.types.d.ts

@@ -3,8 +3,6 @@ import type { BoxMod, BoxProps, StylesApiProps, Factory } from '../../../core';
 export type TabsPanelStylesNames = 'panel';
 /** Props declared by `TabsPanel` itself. See `TabsPanelProps` for the full public type. */
 export interface TabsPanelOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Value of associated control */
     value: string;
     /**
@@ -27,10 +25,9 @@ export interface TabsPanelSlots {
     default?: () => VNodeChild;
 }
 export type TabsPanelFactory = Factory<{
-    props: Omit<TabsPanelProps, 'rootRef'>;
+    props: TabsPanelProps;
     ref: HTMLDivElement;
     slots: TabsPanelSlots;
     element: 'div';
     stylesNames: TabsPanelStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Tabs/TabsPanel/TabsPanel.vue.d.ts

@@ -1,8 +1,10 @@
+import type { RootRefProps } from '../../../core';
 import type { TabsPanelOwnProps, TabsPanelSlots } from './TabsPanel.types';
+type __VLS_Props = TabsPanelOwnProps & RootRefProps<Element>;
 type __VLS_Slots = TabsPanelSlots;
-declare const __VLS_base: import("vue").DefineComponent<TabsPanelOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsPanelOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/Tabs/TabsTab/TabsTab.d.ts

@@ -1,5 +1,5 @@
 export declare const TabsTab: import("../../..").MantineComponent<{
-    props: Omit<import("./TabsTab.types").TabsTabProps, "rootRef">;
+    props: import("./TabsTab.types").TabsTabProps;
     ref: HTMLButtonElement;
     slots: import("./TabsTab.types").TabsTabSlots;
     emits: import("./TabsTab.types").TabsTabEmits;

package/lib/components/Tabs/TabsTab/TabsTab.types.d.ts

@@ -7,8 +7,6 @@ export interface TabsTabSlots extends SectionSlots {
 }
 /** Props declared by `TabsTab` itself. See `TabsTabProps` for the full public type. */
 export interface TabsTabOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Value of the associated panel. */
     value: string;
     /**
@@ -49,11 +47,10 @@ export interface TabsTabEmits {
     keydown: [event: KeyboardEvent];
 }
 export type TabsTabFactory = Factory<{
-    props: Omit<TabsTabProps, 'rootRef'>;
+    props: TabsTabProps;
     ref: HTMLButtonElement;
     slots: TabsTabSlots;
     emits: TabsTabEmits;
     element: 'button';
     stylesNames: TabsTabStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Tabs/TabsTab/TabsTab.vue.d.ts

@@ -1,11 +1,13 @@
+import type { RootRefProps } from '../../../core';
 import type { TabsTabOwnProps, TabsTabSlots } from './TabsTab.types';
+type __VLS_Props = TabsTabOwnProps & RootRefProps<Element>;
 type __VLS_Slots = TabsTabSlots;
-declare const __VLS_base: import("vue").DefineComponent<TabsTabOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => any;
     keydown: (event: KeyboardEvent) => any;
-}, string, import("vue").PublicProps, Readonly<TabsTabOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,6 +1,7 @@
-import type { VNodeChild } from 'vue';
+import type { InputHTMLAttributes, VNodeChild } from 'vue';
 import type { MantineNode } from '../../core';
-import type { ComboboxData, OptionsFilter } from '../Combobox';
+import type { ComboboxData, ComboboxProps, OptionsFilter } from '../Combobox';
+import type { ScrollAreaProps } from '../ScrollArea';
 export type TagsInputStylesNames = string;
 /** A tag option, either from `data` or synthesised for a free-form tag. */
 export interface TagsInputOption {
@@ -112,7 +113,7 @@ export interface TagsInputProps {
      */
     hiddenInputValuesDivider?: string;
     /** Props passed down to the hidden input that carries the tags in a form. */
-    hiddenInputProps?: Record<string, any>;
+    hiddenInputProps?: Omit<InputHTMLAttributes, 'value'>;
     /**
      * Content rendered when no option matches the current search.
      * Can also be set with the `nothingFound` slot – the slot takes precedence.
@@ -139,7 +140,7 @@ export interface TagsInputProps {
     /** Uncontrolled initial open state of the dropdown. */
     defaultDropdownOpened?: boolean;
     /** Props passed down to the underlying `Combobox`. */
-    comboboxProps?: Record<string, any>;
+    comboboxProps?: ComboboxProps;
     /**
      * Custom markup for a dropdown option.
      * Can also be set with the scoped `renderOption` slot – the slot takes precedence.
@@ -151,7 +152,7 @@ export interface TagsInputProps {
      */
     renderPill?: (input: TagsInputPillRenderPayload) => VNodeChild;
     /** Props passed down to the `ScrollArea.Autosize` of the dropdown. */
-    scrollAreaProps?: Record<string, any>;
+    scrollAreaProps?: ScrollAreaProps;
     /**
      * If set, the dropdown opens when the input receives focus.
      *

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

@@ -1,5 +1,5 @@
 export declare const Text: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./Text.types").TextProps, "component" | "rootRef">;
+    props: Omit<import("./Text.types").TextProps, "component">;
     slots: import("./Text.types").TextSlots;
     ref: HTMLParagraphElement;
     exposed: {

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

@@ -4,8 +4,6 @@ export type TextTruncate = 'end' | 'start' | boolean;
 export type TextVariant = 'text' | 'gradient';
 /** Props declared by `Text` itself. See `TextProps` for the full public type. */
 export interface TextOwnProps extends StylesApiProps<TextFactory> {
-    /** Receives the root DOM node. See the polymorphic components guide. */
-    rootRef?: VueRefTarget<Element>;
     /** Root element or component rendered by `Text`. */
     component?: MantineElementType;
     /**
@@ -68,9 +66,8 @@ export type TextStylesNames = 'root';
 export type TextCssVariables = {
     root: '--text-gradient' | '--text-line-clamp' | '--text-fz' | '--text-lh' | '--text-text-wrap';
 };
-import type { VueRefTarget } from '@mantine-vue/hooks';
 export type TextFactory = PolymorphicFactory<{
-    props: Omit<TextProps, 'component' | 'rootRef'>;
+    props: Omit<TextProps, 'component'>;
     slots: TextSlots;
     ref: HTMLParagraphElement;
     exposed: {

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

@@ -1,10 +1,11 @@
+import type { RootRefProps } from '../../core';
 import type { TextOwnProps, TextSlots } from './Text.types';
 export declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TextOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TextOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TextSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TextSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Textarea/Textarea.d.ts

@@ -1,5 +1,5 @@
 export declare const Textarea: import("../..").MantineComponent<{
-    props: Omit<import("./Textarea.types").TextareaProps, "rootRef">;
+    props: import("./Textarea.types").TextareaProps;
     slots: import("./Textarea.types").TextareaSlots;
     emits: import("./Textarea.types").TextareaEmits;
     ref: HTMLTextAreaElement;

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

@@ -1,5 +1,4 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
-import type { VNodeChild } from 'vue';
+import type { HTMLAttributes, VNodeChild } from 'vue';
 import type { BoxProps, MantineNode, Factory } from '../../core';
 import type { InputBaseOwnProps, InputBaseSlots, InputBaseStylesNames } from '../InputBase';
 export type TextareaStylesNames = InputBaseStylesNames;
@@ -9,8 +8,6 @@ export interface TextareaSlots extends InputBaseSlots {
 }
 /** Props declared by `Textarea` itself. See `TextareaProps` for the full public type. */
 export interface TextareaOwnProps {
-    /** Receives the input element */
-    rootRef?: VueRefTarget<Element>;
     /** Controlled value, bound with `v-model`. */
     modelValue?: string;
     /** Uncontrolled initial value. */
@@ -40,7 +37,7 @@ export interface TextareaOwnProps {
      */
     bottomSection?: MantineNode;
     /** Props passed down to the `bottomSection` element. */
-    bottomSectionProps?: Record<string, any>;
+    bottomSectionProps?: HTMLAttributes;
     /**
      * Static selector used as the base of the generated class names.
      *
@@ -57,7 +54,7 @@ export interface TextareaEmits {
     change: [value: string];
 }
 export type TextareaFactory = Factory<{
-    props: Omit<TextareaProps, 'rootRef'>;
+    props: TextareaProps;
     slots: TextareaSlots;
     emits: TextareaEmits;
     ref: HTMLTextAreaElement;

package/lib/components/Textarea/Textarea.vue.d.ts

@@ -1,11 +1,13 @@
+import type { RootRefProps } from '../../core';
 import type { TextareaOwnProps, TextareaSlots } from './Textarea.types';
+type __VLS_Props = TextareaOwnProps & RootRefProps<Element>;
 type __VLS_Slots = TextareaSlots;
-declare const __VLS_base: import("vue").DefineComponent<TextareaOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: string) => any;
     "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<TextareaOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/lib/components/ThemeIcon/ThemeIcon.d.ts

@@ -1,5 +1,5 @@
 export declare const ThemeIcon: import("../..").MantineComponent<{
-    props: Omit<import("./ThemeIcon.types").ThemeIconProps, "rootRef">;
+    props: import("./ThemeIcon.types").ThemeIconProps;
     ref: HTMLDivElement;
     slots: import("./ThemeIcon.types").ThemeIconSlots;
     element: "div";

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

@@ -11,8 +11,6 @@ export interface ThemeIconSlots {
 }
 /** Props declared by `ThemeIcon` itself. See `ThemeIconProps` for the full public type. */
 export interface ThemeIconOwnProps extends StylesApiProps<ThemeIconFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Controls width and height of the component. Numbers are converted to rem.
      * @default 'md'
@@ -48,7 +46,7 @@ export interface ThemeIconOwnProps extends StylesApiProps<ThemeIconFactory> {
 export interface ThemeIconProps extends Omit<BoxProps, keyof ThemeIconOwnProps>, ThemeIconOwnProps {
 }
 export type ThemeIconFactory = Factory<{
-    props: Omit<ThemeIconProps, 'rootRef'>;
+    props: ThemeIconProps;
     ref: HTMLDivElement;
     slots: ThemeIconSlots;
     element: 'div';
@@ -56,4 +54,3 @@ export type ThemeIconFactory = Factory<{
     vars: ThemeIconCssVariables;
     variant: ThemeIconVariant;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/ThemeIcon/ThemeIcon.vue.d.ts

@@ -1,12 +1,13 @@
+import type { RootRefProps } from '../../core';
 import type { ThemeIconOwnProps, ThemeIconSlots } from './ThemeIcon.types';
 /** Module scope: created once, not per component instance. */
 declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 export { varsResolver };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ThemeIconOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ThemeIconOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ThemeIconOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ThemeIconSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ThemeIconOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ThemeIconSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import { TimelineItem } from './TimelineItem/TimelineItem';
 export declare const Timeline: import("../..").MantineComponent<{
-    props: Omit<import("./Timeline.types").TimelineProps, "rootRef">;
+    props: import("./Timeline.types").TimelineProps;
     slots: import("./Timeline.types").TimelineSlots;
     ref: HTMLDivElement;
     exposed: {

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

@@ -1,11 +1,8 @@
 import type { TimelineItem } from './TimelineItem/TimelineItem';
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { VNodeChild } from 'vue';
 import type { BoxMod, BoxProps, MantineColor, MantineRadius, StylesApiProps, Factory } from '../../core';
 /** Props declared by `Timeline` itself. See `TimelineProps` for the full public type. */
 export interface TimelineOwnProps extends StylesApiProps<TimelineFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Index of the active element
      *
@@ -59,7 +56,7 @@ export type TimelineCssVariables = {
     root: '--tl-bullet-size' | '--tl-line-width' | '--tl-radius' | '--tl-color' | '--tl-icon-color';
 };
 export type TimelineFactory = Factory<{
-    props: Omit<TimelineProps, 'rootRef'>;
+    props: TimelineProps;
     slots: TimelineSlots;
     ref: HTMLDivElement;
     exposed: {

package/lib/components/Timeline/Timeline.vue.d.ts

@@ -1,10 +1,11 @@
+import type { RootRefProps } from '../../core';
 import type { TimelineOwnProps, TimelineSlots } from './Timeline.types';
 export declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TimelineOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TimelineOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimelineOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TimelineSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimelineOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TimelineSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 export declare const TimelineItem: import("../../..").MantineComponent<{
-    props: Omit<import("./TimelineItem.types").TimelineItemProps, "rootRef">;
+    props: import("./TimelineItem.types").TimelineItemProps;
     ref: HTMLSpanElement;
     slots: import("./TimelineItem.types").TimelineItemSlots;
     element: "span";

package/lib/components/Timeline/TimelineItem/TimelineItem.types.d.ts

@@ -17,8 +17,6 @@ export interface TimelineItemSlots {
  * See `TimelineItemProps` for the full public type.
  */
 export interface TimelineItemOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Active state assigned by the parent `Timeline` from its `active` index.
      * Set by `Timeline`; the explicit `active` prop takes precedence.
@@ -99,10 +97,9 @@ export interface TimelineItemOwnProps {
 export interface TimelineItemProps extends Omit<BoxProps, keyof TimelineItemOwnProps>, TimelineItemOwnProps {
 }
 export type TimelineItemFactory = Factory<{
-    props: Omit<TimelineItemProps, 'rootRef'>;
+    props: TimelineItemProps;
     ref: HTMLSpanElement;
     slots: TimelineItemSlots;
     element: 'span';
     stylesNames: TimelineItemStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Timeline/TimelineItem/TimelineItem.vue.d.ts

@@ -1,8 +1,10 @@
+import type { RootRefProps } from '../../../core';
 import type { TimelineItemOwnProps, TimelineItemSlots } from './TimelineItem.types';
+type __VLS_Props = TimelineItemOwnProps & RootRefProps<Element>;
 type __VLS_Slots = TimelineItemSlots;
-declare const __VLS_base: import("vue").DefineComponent<TimelineItemOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimelineItemOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/Title/Title.d.ts

@@ -1,5 +1,5 @@
 export declare const Title: import("../..").MantineComponent<{
-    props: Omit<import("./Title.types").TitleProps, "rootRef">;
+    props: import("./Title.types").TitleProps;
     ref: HTMLHeadingElement;
     element: "h1";
     stylesNames: import("./Title.types").TitleStylesNames;

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

@@ -2,8 +2,6 @@ import type { BoxProps, StylesApiProps, Factory } from '../../core';
 import type { TitleOrder, TitleSize } from './get-title-size';
 /** Props declared by `Title` itself. See `TitleProps` for the full public type. */
 export interface TitleOwnProps extends StylesApiProps<TitleFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Heading order (1-6), controls `font-size` style if `size` prop is not set
      *
@@ -28,10 +26,9 @@ export type TitleCssVariables = {
     root: '--title-fw' | '--title-lh' | '--title-fz' | '--title-line-clamp' | '--title-text-wrap';
 };
 export type TitleFactory = Factory<{
-    props: Omit<TitleProps, 'rootRef'>;
+    props: TitleProps;
     ref: HTMLHeadingElement;
     element: 'h1';
     stylesNames: TitleStylesNames;
     vars: TitleCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Title/Title.vue.d.ts

@@ -1,11 +1,12 @@
+import type { RootRefProps } from '../../core';
 import type { TitleOwnProps } from './Title.types';
 declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 export { varsResolver };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TitleOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TitleOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TitleOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TitleOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 export declare const Toggle: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./Toggle.types").ToggleProps, "component" | "rootRef">;
+    props: Omit<import("./Toggle.types").ToggleProps, "component">;
     slots: import("./Toggle.types").ToggleSlots;
     emits: import("./Toggle.types").ToggleEmits;
     ref: HTMLButtonElement;