@mantine-vue/core 3.5.0 → 3.7.0

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { NativeSelectOwnProps, NativeSelectSlots } from './NativeSelect.types';
 declare const defaultProps: {
     readonly size: "sm";
@@ -6,12 +7,12 @@ declare const defaultProps: {
 export { defaultProps };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<NativeSelectOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<NativeSelectOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: string) => any;
     "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<NativeSelectOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<NativeSelectOwnProps & RootRefProps<Element>> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NativeSelectSlots>;

package/lib/components/NavLink/NavLink.d.ts

@@ -1,5 +1,5 @@
 export declare const NavLink: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./NavLink.types").NavLinkProps, "component" | "rootRef">;
+    props: Omit<import("./NavLink.types").NavLinkProps, "component">;
     slots: import("./NavLink.types").NavLinkSlots;
     emits: import("./NavLink.types").NavLinkEmits;
     ref: HTMLAnchorElement;

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

@@ -1,12 +1,9 @@
 import type { VNodeChild } from 'vue';
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { BoxMod, BoxProps, MantineColor, MantineNode, MantineSpacing, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
 export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
 /** Props declared by `NavLink` itself. See `NavLinkProps` for the full public type. */
 export interface NavLinkOwnProps extends StylesApiProps<NavLinkProps> {
-    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Root element or component rendered by `NavLink`.
      *
@@ -103,7 +100,7 @@ export interface NavLinkEmits {
 }
 /** Public contract of `NavLink`. `component` and `rootRef` come from the factory. */
 export type NavLinkFactory = PolymorphicFactory<{
-    props: Omit<NavLinkProps, 'component' | 'rootRef'>;
+    props: Omit<NavLinkProps, 'component'>;
     slots: NavLinkSlots;
     emits: NavLinkEmits;
     ref: HTMLAnchorElement;

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

@@ -1,13 +1,14 @@
+import type { RootRefProps } from '../../core';
 import type { NavLinkOwnProps, NavLinkSlots } from './NavLink.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<NavLinkOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<NavLinkOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:opened": (opened: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<NavLinkOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<NavLinkOwnProps & RootRefProps<Element>> & Readonly<{
     "onUpdate:opened"?: ((opened: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NavLinkSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/Notification/Notification.d.ts

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

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

@@ -1,11 +1,10 @@
 import type { VNodeChild } from 'vue';
 import type { BoxMod, BoxProps, MantineColor, MantineNode, MantineRadius, StylesApiProps, Factory } from '../../core';
 import type { CloseButtonProps } from '../CloseButton';
+import type { LoaderProps } from '../Loader';
 export type NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
 /** Props declared by `Notification` itself. See `NotificationProps` for the full public type. */
 export interface NotificationOwnProps extends StylesApiProps<NotificationFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left.
      *
@@ -43,7 +42,7 @@ export interface NotificationOwnProps extends StylesApiProps<NotificationFactory
     /** Props passed down to the close button */
     closeButtonProps?: CloseButtonProps;
     /** Props passed down to the `Loader` component */
-    loaderProps?: Record<string, any>;
+    loaderProps?: LoaderProps;
     /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
     mod?: BoxMod;
 }
@@ -61,11 +60,10 @@ export type NotificationCssVariables = {
     root: '--notification-radius' | '--notification-color';
 };
 export type NotificationFactory = Factory<{
-    props: Omit<NotificationProps, 'rootRef'>;
+    props: NotificationProps;
     ref: HTMLDivElement;
     slots: NotificationSlots;
     element: 'div';
     stylesNames: NotificationStylesNames;
     vars: NotificationCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -1,13 +1,14 @@
+import type { RootRefProps } from '../../core';
 import type { NotificationOwnProps, NotificationSlots } from './Notification.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<NotificationOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<NotificationOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
-}, string, import("vue").PublicProps, Readonly<NotificationOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<NotificationOwnProps & RootRefProps<Element>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, NotificationSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/NumberInput/NumberInput.d.ts

@@ -1,5 +1,5 @@
 export declare const NumberInput: import("../..").MantineComponent<{
-    props: Omit<import("./NumberInput.types").NumberInputProps, "rootRef">;
+    props: import("./NumberInput.types").NumberInputProps;
     slots: import("./NumberInput.types").NumberInputSlots;
     emits: import("./NumberInput.types").NumberInputEmits;
     ref: HTMLInputElement;

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

@@ -1,6 +1,5 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
-import type { VNodeChild } from 'vue';
-import type { Factory, MantineNode, MantineSize, StylesApiProps } from '../../core';
+import type { HTMLAttributes, VNodeChild } from 'vue';
+import type { DataAttributes, Factory, MantineNode, MantineSize, StylesApiProps } from '../../core';
 import type { ThousandsGroupStyle } from '../NumberFormatter';
 export interface NumberInputHandlers {
     /** Increases the value by one step. */
@@ -44,8 +43,6 @@ export interface NumberInputValueChangePayload {
  * Every prop of `InputBase` is also accepted and forwarded to the underlying input.
  */
 export interface NumberInputProps extends StylesApiProps<NumberInputFactory> {
-    /** Receives the input element */
-    rootRef?: VueRefTarget<Element>;
     /** Value, bound with `v-model`. */
     modelValue?: NumberInputValue;
     /** Uncontrolled initial value. */
@@ -205,7 +202,7 @@ export interface NumberInputProps extends StylesApiProps<NumberInputFactory> {
     /** If set, the asterisk is shown without setting the `required` attribute. */
     withAsterisk?: boolean;
     /** Props passed down to the root element. */
-    wrapperProps?: Record<string, any>;
+    wrapperProps?: HTMLAttributes & DataAttributes;
     /**
      * If set, all Mantine classes are removed.
      *
@@ -230,7 +227,7 @@ export interface NumberInputEmits {
     'max-reached': [];
 }
 export type NumberInputFactory = Factory<{
-    props: Omit<NumberInputProps, 'rootRef'>;
+    props: NumberInputProps;
     slots: NumberInputSlots;
     emits: NumberInputEmits;
     ref: HTMLInputElement;

package/lib/components/OverflowList/OverflowList.d.ts

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

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

@@ -22,8 +22,6 @@ export interface OverflowListSlots {
 }
 /** Props declared by `OverflowList` itself. See `OverflowListProps` for the full public type. */
 export interface OverflowListOwnProps extends StylesApiProps<OverflowListFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Items rendered in the list. */
     data: any[];
     /**
@@ -66,11 +64,10 @@ export interface OverflowListOwnProps extends StylesApiProps<OverflowListFactory
 export interface OverflowListProps extends Omit<BoxProps, keyof OverflowListOwnProps>, OverflowListOwnProps {
 }
 export type OverflowListFactory = Factory<{
-    props: Omit<OverflowListProps, 'rootRef'>;
+    props: OverflowListProps;
     ref: HTMLDivElement;
     slots: OverflowListSlots;
     element: 'div';
     stylesNames: OverflowListStylesNames;
     vars: OverflowListCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../core';
 import type { OverflowListOwnProps, OverflowListSlots } from './OverflowList.types';
 declare const defaultProps: {
     readonly maxRows: 1;
@@ -15,10 +16,10 @@ declare function getEl(value: any): HTMLElement | null;
 export { defaultProps, varsResolver, getDataSignature, getEl };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<OverflowListOwnProps, {
-    root: import("vue").Ref<any, any>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<OverflowListOwnProps & RootRefProps<Element>, {
+    root: import("vue").Ref<Element | null, Element | null>;
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OverflowListOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, OverflowListSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OverflowListOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, OverflowListSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 export declare const Overlay: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./Overlay.types").OverlayProps, "component" | "rootRef">;
+    props: Omit<import("./Overlay.types").OverlayProps, "component">;
     slots: import("./Overlay.types").OverlaySlots;
     ref: HTMLDivElement;
     exposed: {

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

@@ -1,10 +1,7 @@
-import type { VNodeChild } from 'vue';
-import type { BoxProps, MantineRadius, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
-import type { VueRefTarget } from '@mantine-vue/hooks';
+import type { HTMLAttributes, VNodeChild } from 'vue';
+import type { BoxProps, DataAttributes, MantineRadius, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
 /** Props declared by `Overlay` itself. See `OverlayProps` for the full public type. */
 export interface OverlayOwnProps extends StylesApiProps<OverlayProps> {
-    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Root element or component rendered by `Overlay`.
      *
@@ -56,7 +53,7 @@ export interface OverlayOwnProps extends StylesApiProps<OverlayProps> {
      */
     fixed?: boolean;
 }
-export interface OverlayProps extends Omit<BoxProps, keyof OverlayOwnProps>, OverlayOwnProps {
+export interface OverlayProps extends Omit<BoxProps & HTMLAttributes & DataAttributes, keyof OverlayOwnProps>, OverlayOwnProps {
 }
 export type OverlayStylesNames = 'root';
 export type OverlayCssVariables = {
@@ -68,7 +65,7 @@ export interface OverlaySlots {
 }
 /** Public contract of `Overlay`. `component` and `rootRef` come from the factory. */
 export type OverlayFactory = PolymorphicFactory<{
-    props: Omit<OverlayProps, 'component' | 'rootRef'>;
+    props: Omit<OverlayProps, 'component'>;
     slots: OverlaySlots;
     ref: HTMLDivElement;
     exposed: {

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

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

package/lib/components/Pagination/Pagination.d.ts

@@ -61,14 +61,14 @@ export declare const Pagination: {
         varsResolver: (theme: import("../../index.js").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
     };
     Control: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").PaginationControlProps, "rootRef">;
+        props: import("./index.js").PaginationControlProps;
         ref: HTMLButtonElement;
         slots: import("./index.js").PaginationControlSlots;
         element: "button";
         stylesNames: import("./PaginationControl/PaginationControl.types.js").PaginationControlStylesNames;
     }>;
     Dots: import("../../index.js").MantineComponent<{
-        props: Omit<import("./PaginationDots/PaginationDots.types.js").PaginationDotsProps, "rootRef">;
+        props: import("./PaginationDots/PaginationDots.types.js").PaginationDotsProps;
         ref: HTMLSpanElement;
         slots: import("./PaginationDots/PaginationDots.types.js").PaginationDotsSlots;
         element: "span";

package/lib/components/Pagination/PaginationControl/PaginationControl.d.ts

@@ -1,6 +1,6 @@
 /** Single control of a `Pagination`: a page number or an edge button. */
 export declare const PaginationControl: import("../../..").MantineComponent<{
-    props: Omit<import("./PaginationControl.types").PaginationControlProps, "rootRef">;
+    props: import("./PaginationControl.types").PaginationControlProps;
     ref: HTMLButtonElement;
     slots: import("./PaginationControl.types").PaginationControlSlots;
     element: "button";

package/lib/components/Pagination/PaginationControl/PaginationControl.types.d.ts

@@ -9,8 +9,6 @@ export interface PaginationControlSlots {
  * See `PaginationControlProps` for the full public type.
  */
 export interface PaginationControlOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * If set, the control is marked as the current page.
      *
@@ -41,10 +39,9 @@ export interface PaginationControlProps extends Omit<BoxProps, keyof PaginationC
 }
 export type PaginationControlStylesNames = 'control';
 export type PaginationControlFactory = Factory<{
-    props: Omit<PaginationControlProps, 'rootRef'>;
+    props: PaginationControlProps;
     ref: HTMLButtonElement;
     slots: PaginationControlSlots;
     element: 'button';
     stylesNames: PaginationControlStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Pagination/PaginationControl/PaginationControl.vue.d.ts

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

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

package/lib/components/Pagination/PaginationDots/PaginationDots.types.d.ts

@@ -2,8 +2,6 @@ import type { VNodeChild } from 'vue';
 import type { BoxProps, Factory } from '../../../core';
 /** Props declared by `PaginationDots` itself. See `PaginationDotsProps` for the full public type. */
 export interface PaginationDotsOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Custom dots icon component, must accept svg element props and size prop */
     icon?: any;
 }
@@ -15,9 +13,8 @@ export interface PaginationDotsProps extends Omit<BoxProps, keyof PaginationDots
 }
 export type PaginationDotsStylesNames = 'dots';
 export type PaginationDotsFactory = Factory<{
-    props: Omit<PaginationDotsProps, 'rootRef'>;
+    props: PaginationDotsProps;
     ref: HTMLSpanElement;
     slots: PaginationDotsSlots;
     element: 'span';
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Pagination/PaginationDots/PaginationDots.vue.d.ts

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

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../../core';
 import type { PaginationEdgeOwnProps } from './PaginationEdges.types';
 import type { PaginationEdgeKind } from './PaginationEdges.types';
 /**
@@ -15,9 +16,9 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PaginationEdgeOwnProps & {
     __edge: PaginationEdgeKind;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaginationEdgeOwnProps & {
+} & RootRefProps<HTMLButtonElement>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaginationEdgeOwnProps & {
     __edge: PaginationEdgeKind;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+} & RootRefProps<HTMLButtonElement>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     icon?: () => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/Pagination/PaginationEdges/PaginationEdges.types.d.ts

@@ -1,5 +1,4 @@
 import type { Factory } from '../../../core';
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { Component, VNodeChild } from 'vue';
 import type { BoxProps } from '../../../core';
 /** Which end of the pagination an edge control moves to. */
@@ -10,8 +9,6 @@ export interface PaginationEdgeSlots {
 }
 /** Props declared by the pagination edge controls. */
 export interface PaginationEdgeOwnProps {
-    /** Receives the root DOM node -- the edge controls always render a button. */
-    rootRef?: VueRefTarget<HTMLButtonElement>;
     /**
      * Component rendered as the icon. Defaults to the icon that matches the edge.
      * Can also be set with the `icon` slot – the slot takes precedence.

package/lib/components/Pagination/PaginationEdges/PaginationFirst.vue.d.ts

@@ -1,6 +1,8 @@
+import type { RootRefProps } from '../../../core';
 import type { PaginationEdgeOwnProps, PaginationEdgeSlots } from './PaginationEdges.types';
+type __VLS_Props = PaginationEdgeOwnProps & RootRefProps<HTMLButtonElement>;
 type __VLS_Slots = PaginationEdgeSlots;
-declare const __VLS_base: import("vue").DefineComponent<PaginationEdgeOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaginationEdgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, 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/Pagination/PaginationEdges/PaginationLast.vue.d.ts

@@ -1,6 +1,8 @@
+import type { RootRefProps } from '../../../core';
 import type { PaginationEdgeOwnProps, PaginationEdgeSlots } from './PaginationEdges.types';
+type __VLS_Props = PaginationEdgeOwnProps & RootRefProps<HTMLButtonElement>;
 type __VLS_Slots = PaginationEdgeSlots;
-declare const __VLS_base: import("vue").DefineComponent<PaginationEdgeOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaginationEdgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, 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/Pagination/PaginationEdges/PaginationNext.vue.d.ts

@@ -1,6 +1,8 @@
+import type { RootRefProps } from '../../../core';
 import type { PaginationEdgeOwnProps, PaginationEdgeSlots } from './PaginationEdges.types';
+type __VLS_Props = PaginationEdgeOwnProps & RootRefProps<HTMLButtonElement>;
 type __VLS_Slots = PaginationEdgeSlots;
-declare const __VLS_base: import("vue").DefineComponent<PaginationEdgeOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaginationEdgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, 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/Pagination/PaginationEdges/PaginationPrevious.vue.d.ts

@@ -1,6 +1,8 @@
+import type { RootRefProps } from '../../../core';
 import type { PaginationEdgeOwnProps, PaginationEdgeSlots } from './PaginationEdges.types';
+type __VLS_Props = PaginationEdgeOwnProps & RootRefProps<HTMLButtonElement>;
 type __VLS_Slots = PaginationEdgeSlots;
-declare const __VLS_base: import("vue").DefineComponent<PaginationEdgeOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaginationEdgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, 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/Paper/Paper.d.ts

@@ -1,5 +1,5 @@
 export declare const Paper: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./Paper.types").PaperProps, "component" | "rootRef">;
+    props: Omit<import("./Paper.types").PaperProps, "component">;
     slots: import("./Paper.types").PaperSlots;
     ref: HTMLDivElement;
     exposed: {

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

@@ -10,8 +10,6 @@ export interface PaperSlots {
 }
 /** Props declared by `Paper` itself. See `PaperProps` for the full public type. */
 export interface PaperOwnProps extends StylesApiProps<PaperFactory> {
-    /** Receives the root DOM node. See the polymorphic components guide. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Root element or component rendered by `Paper`.
      * @default 'div'
@@ -31,11 +29,10 @@ export interface PaperOwnProps extends StylesApiProps<PaperFactory> {
      */
     withBorder?: boolean;
 }
-import type { VueRefTarget } from '@mantine-vue/hooks';
 export interface PaperProps extends Omit<BoxProps, keyof PaperOwnProps>, PaperOwnProps {
 }
 export type PaperFactory = PolymorphicFactory<{
-    props: Omit<PaperProps, 'component' | 'rootRef'>;
+    props: Omit<PaperProps, 'component'>;
     slots: PaperSlots;
     ref: HTMLDivElement;
     exposed: {

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

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

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

@@ -1,5 +1,6 @@
-import type { Component, VNodeChild } from 'vue';
-import type { BoxProps, MantineNode, MantineRadius, MantineSize, StylesApiProps } from '../../core';
+import type { Component, HTMLAttributes, VNodeChild } from 'vue';
+import type { BoxProps, DataAttributes, MantineNode, MantineRadius, MantineSize, StylesApiProps } from '../../core';
+import type { InputDescriptionProps, InputErrorProps, InputLabelProps } from '../Input';
 export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'label' | 'required' | 'description' | 'error';
 export type PasswordInputCssVariables = {
     root: '--psi-icon-size' | '--psi-button-size';
@@ -27,7 +28,7 @@ export interface PasswordInputSlots {
  * See `PasswordInputProps` for the full public type.
  *
  * The Styles API payload is left open because the resolved props are forwarded to
- * `Input` and `Input.Wrapper` as `__stylesApiProps`.
+ * `Input` and `Input.Wrapper` as `__styles`ApiProps`.
  */
 export interface PasswordInputOwnProps extends StylesApiProps {
     /** Controlled value, bound with `v-model`. */
@@ -74,11 +75,11 @@ export interface PasswordInputOwnProps extends StylesApiProps {
      */
     withAsterisk?: boolean;
     /** Props passed down to the `Input.Label` component. */
-    labelProps?: Record<string, any>;
+    labelProps?: InputLabelProps & DataAttributes;
     /** Props passed down to the `Input.Description` component. */
-    descriptionProps?: Record<string, any>;
+    descriptionProps?: InputDescriptionProps & DataAttributes;
     /** Props passed down to the `Input.Error` component. */
-    errorProps?: Record<string, any>;
+    errorProps?: InputErrorProps & DataAttributes;
     /** Function that renders the input around the given children. */
     inputContainer?: (children: any) => any;
     /**
@@ -88,7 +89,7 @@ export interface PasswordInputOwnProps extends StylesApiProps {
      */
     inputWrapperOrder?: Array<'label' | 'input' | 'description' | 'error'>;
     /** Props passed down to the root element (`Input.Wrapper` component). */
-    wrapperProps?: Record<string, any>;
+    wrapperProps?: HTMLAttributes & DataAttributes;
     /** `id` shared by the input, label, description and error elements. Generated when not set. */
     id?: string;
     /**
@@ -123,7 +124,7 @@ export interface PasswordInputOwnProps extends StylesApiProps {
     /** Width of the left section. */
     leftSectionWidth?: string | number;
     /** Props passed down to the left section element. */
-    leftSectionProps?: Record<string, any>;
+    leftSectionProps?: HTMLAttributes;
     /** Sets `pointer-events` on the left section. */
     leftSectionPointerEvents?: string;
     /**
@@ -134,7 +135,7 @@ export interface PasswordInputOwnProps extends StylesApiProps {
     /** Width of the right section. */
     rightSectionWidth?: string | number;
     /** Props passed down to the right section element. */
-    rightSectionProps?: Record<string, any>;
+    rightSectionProps?: HTMLAttributes;
     /**
      * Sets `pointer-events` on the right section.
      *

package/lib/components/PasswordInput/PasswordInputField.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/Pill/Pill.d.ts

@@ -1,6 +1,6 @@
 import { PillGroup } from './PillGroup/PillGroup';
 export declare const Pill: import("../..").MantineComponent<{
-    props: Omit<import("./Pill.types").PillProps, "rootRef">;
+    props: import("./Pill.types").PillProps;
     ref: HTMLSpanElement;
     slots: import("./Pill.types").PillSlots;
     element: "span";