@mantine-vue/core 3.6.0 → 3.7.0

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

@@ -1,8 +1,8 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
-import type { VNodeChild } from 'vue';
+import type { HTMLAttributes, InputHTMLAttributes, VNodeChild } from 'vue';
 import type { BoxProps, MantineColor, MantineNode, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../../core';
 import type { SliderStylesNames } from '../Slider.context';
 import type { SliderMark } from '../SliderMark';
+import type { TransitionOverride } from '../../Transition';
 export type { SliderStylesNames };
 export type SliderCssVariables = {
     root: '--slider-size' | '--slider-color' | '--slider-radius' | '--slider-thumb-size';
@@ -17,8 +17,6 @@ export interface SliderSlots {
 }
 /** Props declared by `Slider` itself. See `SliderProps` for the full public type. */
 export interface SliderOwnProps extends StylesApiProps<SliderFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Key of `theme.colors` or any valid CSS color.
      *
@@ -79,7 +77,7 @@ export interface SliderOwnProps extends StylesApiProps<SliderFactory> {
      */
     label?: MantineNode | ((value: number) => MantineNode);
     /** Props passed down to the label transition. */
-    labelTransitionProps?: Record<string, any>;
+    labelTransitionProps?: TransitionOverride;
     /**
      * If set, the label is always visible.
      *
@@ -135,7 +133,7 @@ export interface SliderOwnProps extends StylesApiProps<SliderFactory> {
      */
     orientation?: 'horizontal' | 'vertical';
     /** Props passed down to the hidden input. */
-    hiddenInputProps?: Record<string, any>;
+    hiddenInputProps?: InputHTMLAttributes;
     /**
      * If set, the value can only be one of the `marks` values.
      *
@@ -143,7 +141,7 @@ export interface SliderOwnProps extends StylesApiProps<SliderFactory> {
      */
     restrictToMarks?: boolean;
     /** Props passed down to the thumb element. */
-    thumbProps?: Record<string, any>;
+    thumbProps?: HTMLAttributes;
 }
 export interface SliderProps extends Omit<BoxProps, keyof SliderOwnProps>, SliderOwnProps {
 }
@@ -156,7 +154,7 @@ export interface SliderEmits {
     'change-end': [value: number];
 }
 export type SliderFactory = Factory<{
-    props: Omit<SliderProps, 'rootRef'>;
+    props: SliderProps;
     slots: SliderSlots;
     emits: SliderEmits;
     ref: HTMLDivElement;

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../../core';
 import type { SliderOwnProps, SliderSlots } from './Slider.types';
 /**
  * `label` and `scale` default to functions. They are resolved by `useProps`, never by
@@ -21,13 +22,13 @@ declare const varsResolver: (theme: import("../../..").MantineTheme, props: any,
 export { defaultProps, varsResolver };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SliderOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SliderOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: number) => any;
     "update:modelValue": (value: number) => any;
     "change-end": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<SliderOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<SliderOwnProps & RootRefProps<Element>> & Readonly<{
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     "onChange-end"?: ((value: number) => any) | undefined;

package/lib/components/Slider/SliderRoot/SliderRoot.d.ts

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

package/lib/components/Slider/SliderRoot/SliderRoot.types.d.ts

@@ -6,8 +6,6 @@ export interface SliderRootSlots {
 }
 /** Props declared by `SliderRoot` itself. See `SliderRootProps` for the full public type. */
 export interface SliderRootOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Controls the size of the track. Passed through to the Styles API payload. */
     size: string | number;
     /**
@@ -29,9 +27,8 @@ export interface SliderRootProps extends Omit<BoxProps, keyof SliderRootOwnProps
 }
 export type SliderRootStylesNames = 'root';
 export type SliderRootFactory = Factory<{
-    props: Omit<SliderRootProps, 'rootRef'>;
+    props: SliderRootProps;
     ref: HTMLDivElement;
     slots: SliderRootSlots;
     element: 'div';
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Slider/SliderRoot/SliderRoot.vue.d.ts

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

@@ -1,5 +1,6 @@
 import type { VNodeChild } from 'vue';
 import type { BoxProps } from '../../../core';
+import type { TransitionOverride } from '../../Transition';
 export interface SliderThumbSlots {
     /** Content rendered inside the thumb. */
     default?: () => VNodeChild;
@@ -25,7 +26,7 @@ export interface SliderThumbOwnProps {
     /** `aria-valuetext`, or a function that builds it from the current value. */
     thumbValueText?: string | ((value: number) => string);
     /** Props passed down to the label transition. */
-    labelTransitionProps?: Record<string, any>;
+    labelTransitionProps?: TransitionOverride;
     /**
      * If set, the label is always visible.
      *

package/lib/components/Slider/Track/Track.types.d.ts

@@ -1,4 +1,4 @@
-import type { VNodeChild } from 'vue';
+import type { HTMLAttributes, VNodeChild } from 'vue';
 import type { SliderMark } from '../SliderMark';
 export interface SliderTrackSlots {
     /** Thumbs rendered over the track. */
@@ -39,5 +39,5 @@ export interface SliderTrackProps {
      */
     inverted?: boolean;
     /** Props passed down to the track container element. */
-    containerProps?: Record<string, any>;
+    containerProps?: HTMLAttributes;
 }

package/lib/components/Space/Space.d.ts

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

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

@@ -1,8 +1,6 @@
 import type { BoxProps, Factory } from '../../core';
 /** Props declared by `Space` itself. See `SpaceProps` for the full public type. */
 export interface SpaceOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Width, theme key: theme.spacing */
     w?: string | number;
     /** Height, theme key: theme.spacing */
@@ -15,8 +13,7 @@ export interface SpaceOwnProps {
 export interface SpaceProps extends Omit<BoxProps, keyof SpaceOwnProps>, SpaceOwnProps {
 }
 export type SpaceFactory = Factory<{
-    props: Omit<SpaceProps, 'rootRef'>;
+    props: SpaceProps;
     ref: HTMLDivElement;
     element: 'div';
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -1,11 +1,13 @@
+import type { RootRefProps } from '../../core';
 import type { SpaceOwnProps } from './Space.types';
+type __VLS_Props = SpaceOwnProps & RootRefProps<Element>;
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<SpaceOwnProps, {
+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<SpaceOwnProps> & 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/Splitter/Splitter.d.ts

@@ -1,6 +1,6 @@
 import { SplitterPane } from './SplitterPane/SplitterPane';
 export declare const Splitter: import("../..").MantineComponent<{
-    props: Omit<import("./Splitter.types").SplitterProps, "rootRef">;
+    props: import("./Splitter.types").SplitterProps;
     ref: HTMLDivElement;
     slots: import("./Splitter.types").SplitterSlots;
     emits: import("./Splitter.types").SplitterEmits;

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

@@ -13,8 +13,6 @@ export interface SplitterSlots {
 }
 /** Props declared by `Splitter` itself. See `SplitterProps` for the full public type. */
 export interface SplitterOwnProps extends StylesApiProps<SplitterFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Direction the panes are laid out in.
      *
@@ -88,7 +86,7 @@ export interface SplitterEmits {
     'collapse-change': [panelIndex: number, collapsed: boolean];
 }
 export type SplitterFactory = Factory<{
-    props: Omit<SplitterProps, 'rootRef'>;
+    props: SplitterProps;
     ref: HTMLDivElement;
     slots: SplitterSlots;
     emits: SplitterEmits;

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { SplitterOwnProps, SplitterSlots } from './Splitter.types';
 import type { VNode } from 'vue';
 declare const defaultProps: {
@@ -18,7 +19,7 @@ declare function flattenChildren(children: VNode[]): VNode[];
 export { defaultProps, varsResolver, flattenChildren };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SplitterOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SplitterOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
     sizes: number[];
     collapsed: boolean[];
@@ -36,7 +37,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Splitt
     "resize-end": (handleIndex: number, sizes: number[]) => any;
     "update:sizes": (sizes: number[]) => any;
     "collapse-change": (panelIndex: number, collapsed: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<SplitterOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<SplitterOwnProps & RootRefProps<Element>> & Readonly<{
     "onSize-change"?: ((sizes: number[]) => any) | undefined;
     "onResize-start"?: ((handleIndex: number) => any) | undefined;
     "onResize-end"?: ((handleIndex: number, sizes: number[]) => any) | undefined;

package/lib/components/Splitter/SplitterPane/SplitterPane.d.ts

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

package/lib/components/Splitter/SplitterPane/SplitterPane.types.d.ts

@@ -7,8 +7,6 @@ export interface SplitterPaneSlots {
 }
 /** Props declared by `SplitterPane` itself. See `SplitterPaneProps` for the full public type. */
 export interface SplitterPaneOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Size the pane starts at, as a percentage of the splitter. */
     defaultSize: number;
     /** Smallest size the pane can be resized to, as a percentage. */
@@ -37,10 +35,9 @@ export interface SplitterPaneOwnProps {
 export interface SplitterPaneProps extends Omit<BoxProps, keyof SplitterPaneOwnProps>, SplitterPaneOwnProps {
 }
 export type SplitterPaneFactory = Factory<{
-    props: Omit<SplitterPaneProps, 'rootRef'>;
+    props: SplitterPaneProps;
     ref: HTMLDivElement;
     slots: SplitterPaneSlots;
     element: 'div';
     stylesNames: SplitterPaneStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Splitter/SplitterPane/SplitterPane.vue.d.ts

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

@@ -1,5 +1,5 @@
 export declare const Spoiler: import("../..").MantineComponent<{
-    props: Omit<import("./Spoiler.types").SpoilerProps, "rootRef">;
+    props: import("./Spoiler.types").SpoilerProps;
     ref: HTMLDivElement;
     slots: import("./Spoiler.types").SpoilerSlots;
     emits: import("./Spoiler.types").SpoilerEmits;

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

@@ -14,8 +14,6 @@ export interface SpoilerSlots {
 }
 /** Props declared by `Spoiler` itself. See `SpoilerProps` for the full public type. */
 export interface SpoilerOwnProps extends StylesApiProps<SpoilerFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Maximum height of visible content in px. When content exceeds this height,
      * the toggle control appears.
@@ -59,7 +57,7 @@ export interface SpoilerEmits {
     'update:expanded': [expanded: boolean];
 }
 export type SpoilerFactory = Factory<{
-    props: Omit<SpoilerProps, 'rootRef'>;
+    props: SpoilerProps;
     ref: HTMLDivElement;
     slots: SpoilerSlots;
     emits: SpoilerEmits;
@@ -67,4 +65,3 @@ export type SpoilerFactory = Factory<{
     stylesNames: SpoilerStylesNames;
     vars: SpoilerCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { SpoilerOwnProps, SpoilerSlots } from './Spoiler.types';
 declare const defaultProps: {
     readonly maxHeight: 100;
@@ -8,11 +9,11 @@ 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<SpoilerOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SpoilerOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:expanded": (expanded: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<SpoilerOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<SpoilerOwnProps & RootRefProps<Element>> & Readonly<{
     "onUpdate:expanded"?: ((expanded: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SpoilerSlots>;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 export declare const Stack: import("../..").MantineComponent<{
-    props: Omit<import("./Stack.types").StackProps, "rootRef">;
+    props: import("./Stack.types").StackProps;
     ref: HTMLDivElement;
     element: "div";
     stylesNames: import("./Stack.types").StackStylesNames;

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

@@ -1,8 +1,6 @@
 import type { AlignItems, BoxProps, JustifyContent, MantineSpacing, StylesApiProps, Factory } from '../../core';
 /** Props declared by `Stack` itself. See `StackProps` for the full public type. */
 export interface StackOwnProps extends StylesApiProps<StackFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem
      *
@@ -29,10 +27,9 @@ export type StackCssVariables = {
     root: '--stack-gap' | '--stack-align' | '--stack-justify';
 };
 export type StackFactory = Factory<{
-    props: Omit<StackProps, 'rootRef'>;
+    props: StackProps;
     ref: HTMLDivElement;
     element: 'div';
     stylesNames: StackStylesNames;
     vars: StackCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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';