@mantine-vue/core 3.5.0 → 3.7.0

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { StackOwnProps } from './Stack.types';
 /** Module scope: created once, not per component instance. */
 declare const defaultProps: {
@@ -9,9 +10,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<StackOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<StackOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StackOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StackOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/Stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
 import { StepperCompleted } from './StepperCompleted/StepperCompleted';
 import { StepperStep } from './StepperStep/StepperStep';
 export declare const Stepper: import("../..").MantineComponent<{
-    props: Omit<import("./Stepper.types").StepperProps, "rootRef">;
+    props: import("./Stepper.types").StepperProps;
     ref: HTMLDivElement;
     slots: import("./Stepper.types").StepperSlots;
     emits: import("./Stepper.types").StepperEmits;

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

@@ -23,8 +23,6 @@ export interface StepperSlots {
 }
 /** Props declared by `Stepper` itself. See `StepperProps` for the full public type. */
 export interface StepperOwnProps extends StylesApiProps<StepperFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Zero based index of the active step, bound with `v-model:active`. */
     active: number;
     /**
@@ -111,7 +109,7 @@ export interface StepperEmits {
     'step-click': [index: number];
 }
 export type StepperFactory = Factory<{
-    props: Omit<StepperProps, 'rootRef'>;
+    props: StepperProps;
     ref: HTMLDivElement;
     slots: StepperSlots;
     emits: StepperEmits;
@@ -123,4 +121,3 @@ export type StepperFactory = Factory<{
         Completed: typeof StepperCompleted;
     };
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { StepperOwnProps, StepperSlots } from './Stepper.types';
 import { type VNode } from 'vue';
 declare const defaultProps: {
@@ -19,12 +20,12 @@ declare function flattenChildren(children: VNode[]): VNode[];
 export { defaultProps, varsResolver, getSlotContent, flattenChildren };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<StepperOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<StepperOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:active": (index: number) => any;
     "step-click": (index: number) => any;
-}, string, import("vue").PublicProps, Readonly<StepperOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<StepperOwnProps & RootRefProps<Element>> & Readonly<{
     "onUpdate:active"?: ((index: number) => any) | undefined;
     "onStep-click"?: ((index: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, StepperSlots>;

package/lib/components/Stepper/StepperStep/StepperStep.d.ts

@@ -1,5 +1,5 @@
 export declare const StepperStep: import("../../..").MantineComponent<{
-    props: Omit<import("./StepperStep.types").StepperStepProps, "rootRef">;
+    props: import("./StepperStep.types").StepperStepProps;
     ref: HTMLButtonElement;
     slots: import("./StepperStep.types").StepperStepSlots;
     element: "button";

package/lib/components/Stepper/StepperStep/StepperStep.types.d.ts

@@ -9,8 +9,6 @@ export type StepperStepState = 'stepInactive' | 'stepProgress' | 'stepCompleted'
 export type StepperStepStylesNames = 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
 /** Props declared by `StepperStep` itself. See `StepperStepProps` for the full public type. */
 export interface StepperStepOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** 0-based step index, automatically set by Stepper component */
     step?: number;
     /** Step state, automatically set by Stepper component based on active prop. stepInactive: not reached, stepProgress: current, stepCompleted: passed */
@@ -83,10 +81,9 @@ export interface StepperStepSlots {
 export interface StepperStepProps extends Omit<BoxProps, keyof StepperStepOwnProps>, StepperStepOwnProps {
 }
 export type StepperStepFactory = Factory<{
-    props: Omit<StepperStepProps, 'rootRef'>;
+    props: StepperStepProps;
     ref: HTMLButtonElement;
     slots: StepperStepSlots;
     element: 'button';
     stylesNames: StepperStepStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Stepper/StepperStep/StepperStep.vue.d.ts

@@ -1,8 +1,10 @@
+import type { RootRefProps } from '../../../core';
 import type { StepperStepOwnProps, StepperStepSlots } from './StepperStep.types';
+type __VLS_Props = StepperStepOwnProps & RootRefProps<Element>;
 type __VLS_Slots = StepperStepSlots;
-declare const __VLS_base: import("vue").DefineComponent<StepperStepOwnProps, {
+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<StepperStepOwnProps> & 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/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import { SwitchGroup } from './SwitchGroup/SwitchGroup';
 export declare const Switch: import("../..").MantineComponent<{
-    props: Omit<import("./Switch.types").SwitchProps, "rootRef">;
+    props: import("./Switch.types").SwitchProps;
     slots: import("./Switch.types").SwitchSlots;
     emits: import("./Switch.types").SwitchEmits;
     ref: HTMLDivElement;

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

@@ -1,7 +1,6 @@
 import type { SwitchGroup } from './SwitchGroup/SwitchGroup';
-import type { VueRefTarget } from '@mantine-vue/hooks';
-import type { VNodeChild } from 'vue';
-import type { BoxMod, BoxProps, MantineColor, MantineNode, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../core';
+import type { HTMLAttributes, VNodeChild } from 'vue';
+import type { BoxMod, BoxProps, DataAttributes, MantineColor, MantineNode, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../core';
 export type SwitchStylesNames = 'root' | 'track' | 'trackLabel' | 'thumb' | 'input' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
 export type SwitchCssVariables = {
     root: '--switch-radius' | '--switch-height' | '--switch-width' | '--switch-thumb-size' | '--switch-label-font-size' | '--switch-track-label-padding' | '--switch-color';
@@ -59,7 +58,7 @@ export interface SwitchOwnProps extends StylesApiProps<SwitchFactory> {
      */
     radius?: MantineRadius;
     /** Props passed down to the root element. */
-    wrapperProps?: Record<string, any>;
+    wrapperProps?: HTMLAttributes & DataAttributes;
     /**
      * Icon rendered inside the thumb.
      * Can also be set with the `thumbIcon` slot – the slot takes precedence.
@@ -81,8 +80,6 @@ export interface SwitchOwnProps extends StylesApiProps<SwitchFactory> {
      * Can also be set with the `error` slot – the slot takes precedence.
      */
     error?: MantineNode | boolean;
-    /** Ref assigned to the root element. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * If set, the thumb displays an indicator when the switch is unchecked.
      * Ignored when `thumbIcon` is set.
@@ -122,7 +119,7 @@ export interface SwitchEmits {
     change: [checked: boolean];
 }
 export type SwitchFactory = Factory<{
-    props: Omit<SwitchProps, 'rootRef'>;
+    props: SwitchProps;
     slots: SwitchSlots;
     emits: SwitchEmits;
     ref: HTMLDivElement;

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { SwitchOwnProps, SwitchSlots } from './Switch.types';
 declare const mergedClasses: {
     [x: string]: string;
@@ -18,13 +19,13 @@ declare const defaultProps: {
 export { mergedClasses, varsResolver, defaultProps, DEFAULT_SIZE };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SwitchOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SwitchOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (checked: boolean) => any;
     "update:modelValue": (checked: boolean) => any;
     "update:checked": (checked: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<SwitchOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<SwitchOwnProps & RootRefProps<Element>> & Readonly<{
     onChange?: ((checked: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
     "onUpdate:checked"?: ((checked: boolean) => any) | undefined;

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

@@ -1,5 +1,5 @@
-import type { VNodeChild } from 'vue';
-import type { BoxProps, MantineNode, MantineSize, StylesApiProps } from '../../../core';
+import type { HTMLAttributes, InputHTMLAttributes, VNodeChild } from 'vue';
+import type { BoxProps, DataAttributes, MantineNode, MantineSize, StylesApiProps } from '../../../core';
 export interface SwitchGroupContextValue {
     /** Values of the currently selected switches. */
     value: string[];
@@ -29,7 +29,7 @@ export interface SwitchGroupOwnProps extends StylesApiProps<SwitchGroupProps> {
     /** Controls the size of every switch in the group that does not set its own `size`. */
     size?: MantineSize | (string & {});
     /** Props passed down to the `Input.Wrapper` root element. */
-    wrapperProps?: Record<string, any>;
+    wrapperProps?: HTMLAttributes & DataAttributes;
     /**
      * If set, the selection cannot be changed by the user.
      *
@@ -39,7 +39,7 @@ export interface SwitchGroupOwnProps extends StylesApiProps<SwitchGroupProps> {
     /** `name` of the hidden input that carries the joined values in an uncontrolled form. */
     name?: string;
     /** Props passed down to the hidden input. */
-    hiddenInputProps?: Record<string, any>;
+    hiddenInputProps?: InputHTMLAttributes & DataAttributes;
     /**
      * Separator used to join the values in the hidden input.
      *

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

@@ -2,7 +2,7 @@ import { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, Tab
 import { TableDataRenderer } from './TableDataRenderer';
 import { TableScrollContainer } from './TableScrollContainer';
 export declare const Table: import("../..").MantineComponent<{
-    props: Omit<import("./Table.types").TableProps, "rootRef">;
+    props: import("./Table.types").TableProps;
     ref: HTMLTableElement;
     slots: import("./Table.types").TableSlots;
     element: "table";

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

@@ -27,8 +27,6 @@ export interface TableSlots {
 }
 /** Props declared by `Table` itself. See `TableProps` for the full public type. */
 export interface TableOwnProps extends StylesApiProps<TableFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Value of the `table-layout` CSS property. */
     layout?: CSSProperties['tableLayout'];
     /**
@@ -108,7 +106,7 @@ export interface TableOwnProps extends StylesApiProps<TableFactory> {
 export interface TableProps extends Omit<BoxProps, keyof TableOwnProps>, TableOwnProps {
 }
 export type TableFactory = Factory<{
-    props: Omit<TableProps, 'rootRef'>;
+    props: TableProps;
     ref: HTMLTableElement;
     slots: TableSlots;
     element: 'table';
@@ -127,4 +125,3 @@ export type TableFactory = Factory<{
         DataRenderer: typeof TableDataRenderer;
     };
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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/Table/index.d.ts

@@ -1,3 +1,4 @@
+import { TableScrollContainer } from './TableScrollContainer';
 export { Table } from './Table';
 export type { TableCssVariables, TableData, TableFactory, TableOwnProps, TableProps, TableSlots, TableStylesNames, TableVariant, } from './Table';
 export { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, } from './Table.components';
@@ -5,4 +6,3 @@ export type { TableCaptionProps, TableElementName, TableElementOptions, TableEle
 export { TableDataRenderer } from './TableDataRenderer';
 export { TableScrollContainer };
 export type { TableScrollContainerCssVariables, TableScrollContainerFactory, TableScrollContainerOwnProps, TableScrollContainerProps, TableScrollContainerSlots, TableScrollContainerStylesNames, } from './TableScrollContainer';
-import { TableScrollContainer } from './TableScrollContainer';

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.d.ts

@@ -1,8 +1,8 @@
 export declare const TagsInput: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         onRemove?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: string[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         "onOption-submit"?: ((value: string) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -13,8 +13,8 @@ export declare const TagsInput: {
         onDuplicate?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         remove: (value: string) => any;
-        clear: () => any;
         change: (value: string[]) => any;
+        clear: () => any;
         "update:modelValue": (value: string[]) => any;
         "option-submit": (value: string) => any;
         "dropdown-open": () => any;
@@ -32,8 +32,8 @@ export declare const TagsInput: {
         Defaults: {};
     }, Readonly<{}> & Readonly<{
         onRemove?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: string[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         "onOption-submit"?: ((value: string) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -48,8 +48,8 @@ export declare const TagsInput: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
     onRemove?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: string[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     "onOption-submit"?: ((value: string) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
@@ -60,8 +60,8 @@ export declare const TagsInput: {
     onDuplicate?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: string) => any;
-    clear: () => any;
     change: (value: string[]) => any;
+    clear: () => any;
     "update:modelValue": (value: string[]) => any;
     "option-submit": (value: string) => any;
     "dropdown-open": () => 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.
      *