@mantine-vue/core 3.5.0 → 3.7.0

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

@@ -1,11 +1,12 @@
+import type { RootRefProps } from '../../core';
 import type { SemiCircleProgressOwnProps, SemiCircleProgressSlots } from './SemiCircleProgress.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<SemiCircleProgressOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SemiCircleProgressOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SemiCircleProgressOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SemiCircleProgressSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SemiCircleProgressOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SemiCircleProgressSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/SimpleGrid/SimpleGrid.d.ts

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

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

@@ -1,11 +1,8 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { VNodeChild } from 'vue';
 import type { BoxProps, StyleProp, StylesApiProps, Factory } from '../../core';
 export type SimpleGridStylesNames = 'root' | 'container';
 /** Props declared by `SimpleGrid` itself. See `SimpleGridProps` for the full public type. */
 export interface SimpleGridOwnProps extends StylesApiProps<SimpleGridFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Number of columns
      *
@@ -48,7 +45,7 @@ export interface SimpleGridSlots {
     default?: () => VNodeChild;
 }
 export type SimpleGridFactory = Factory<{
-    props: Omit<SimpleGridProps, 'rootRef'>;
+    props: SimpleGridProps;
     ref: HTMLDivElement;
     exposed: {
         rootElement: Element | null;

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

@@ -1,9 +1,10 @@
+import type { RootRefProps } from '../../core';
 import type { SimpleGridOwnProps, SimpleGridSlots } from './SimpleGrid.types';
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SimpleGridOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SimpleGridOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleGridOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SimpleGridSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SimpleGridOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SimpleGridSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Skeleton/Skeleton.d.ts

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

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

@@ -1,8 +1,6 @@
 import type { BoxProps, StylesApiProps, Factory } from '../../core';
 /** Props declared by `Skeleton` itself. See `SkeletonProps` for the full public type. */
 export interface SkeletonOwnProps extends StylesApiProps<SkeletonFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Determines whether Skeleton overlay should be displayed
      *
@@ -47,10 +45,9 @@ export type SkeletonCssVariables = {
     root: '--skeleton-height' | '--skeleton-width' | '--skeleton-radius';
 };
 export type SkeletonFactory = Factory<{
-    props: Omit<SkeletonProps, 'rootRef'>;
+    props: SkeletonProps;
     ref: HTMLDivElement;
     element: 'div';
     stylesNames: SkeletonStylesNames;
     vars: SkeletonCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

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

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

@@ -1,5 +1,5 @@
 export declare const RangeSlider: import("../../..").MantineComponent<{
-    props: Omit<import("./RangeSlider.types").RangeSliderProps, "rootRef">;
+    props: import("./RangeSlider.types").RangeSliderProps;
     slots: import("./RangeSlider.types").RangeSliderSlots;
     emits: import("./RangeSlider.types").RangeSliderEmits;
     ref: HTMLDivElement;

package/lib/components/Slider/RangeSlider/RangeSlider.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, StylesApiProps, Factory } from '../../../core';
 import type { SliderCssVariables, SliderOwnProps, SliderStylesNames } from '../Slider/Slider.types';
 export type RangeSliderValue = [number, number];
@@ -20,8 +19,6 @@ export interface RangeSliderSlots {
  * See `RangeSliderProps` for the full public type.
  */
 export interface RangeSliderOwnProps extends Omit<SliderOwnProps, 'classNames' | 'styles' | 'vars' | 'unstyled' | 'modelValue' | 'defaultValue' | 'domain' | 'thumbLabel' | 'thumbChildren' | 'thumbProps' | 'startPointValue'>, StylesApiProps<RangeSliderFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Selected range, bound with `v-model`. */
     modelValue?: RangeSliderValue;
     /** Uncontrolled initial range. */
@@ -51,7 +48,7 @@ export interface RangeSliderOwnProps extends Omit<SliderOwnProps, 'classNames' |
     /** Content rendered inside each thumb, as a `[from, to]` pair. */
     thumbChildren?: [MantineNode, MantineNode];
     /** Returns the props passed down to the thumb at the given index. */
-    thumbProps?: (index: number) => Record<string, any>;
+    thumbProps?: (index: 0 | 1) => HTMLAttributes;
 }
 export interface RangeSliderProps extends Omit<BoxProps, keyof RangeSliderOwnProps>, RangeSliderOwnProps {
 }
@@ -64,7 +61,7 @@ export interface RangeSliderEmits {
     'change-end': [value: RangeSliderValue];
 }
 export type RangeSliderFactory = Factory<{
-    props: Omit<RangeSliderProps, 'rootRef'>;
+    props: RangeSliderProps;
     slots: RangeSliderSlots;
     emits: RangeSliderEmits;
     ref: HTMLDivElement;

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../../core';
 import type { RangeSliderOwnProps, RangeSliderSlots, RangeSliderValue } from './RangeSlider.types';
 /**
  * `label` and `scale` default to functions. They are resolved by `useProps`, never by
@@ -23,13 +24,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<RangeSliderOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RangeSliderOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: RangeSliderValue) => any;
     "update:modelValue": (value: RangeSliderValue) => any;
     "change-end": (value: RangeSliderValue) => any;
-}, string, import("vue").PublicProps, Readonly<RangeSliderOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<RangeSliderOwnProps & RootRefProps<Element>> & Readonly<{
     onChange?: ((value: RangeSliderValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: RangeSliderValue) => any) | undefined;
     "onChange-end"?: ((value: RangeSliderValue) => any) | undefined;

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

@@ -1,5 +1,5 @@
 export declare const Slider: import("../../..").MantineComponent<{
-    props: Omit<import("./Slider.types").SliderProps, "rootRef">;
+    props: import("./Slider.types").SliderProps;
     slots: import("./Slider.types").SliderSlots;
     emits: import("./Slider.types").SliderEmits;
     ref: HTMLDivElement;

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

@@ -1,13 +1,13 @@
 /** Draggable thumb of a `Slider` or `RangeSlider`, including its floating label. */
 export declare const Thumb: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
-        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        mousedown: (event: MouseEvent | TouchEvent) => any;
         blur: (event: FocusEvent) => any;
         focus: (event: FocusEvent) => any;
+        mousedown: (event: MouseEvent | TouchEvent) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -16,21 +16,21 @@ export declare const Thumb: {
         M: {};
         Defaults: {};
     }, Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
-        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
-    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    mousedown: (event: MouseEvent | TouchEvent) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    mousedown: (event: MouseEvent | TouchEvent) => any;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./Thumb.types").SliderThumbSlots;
 });

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/Thumb/Thumb.vue.d.ts

@@ -15,13 +15,13 @@ export { ThumbLabel };
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SliderThumbOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    mousedown: (event: MouseEvent | TouchEvent) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    mousedown: (event: MouseEvent | TouchEvent) => any;
 }, string, import("vue").PublicProps, Readonly<SliderThumbOwnProps> & Readonly<{
-    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SliderThumbSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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